Enabling PayPal Express Checkout

From Spiffy Stores Knowledge Base

PayPal Website Payments Standard adds PayPal as a payment method in your checkout. The customer submits their order, and is redirected to the PayPal site to make a payment.

PayPal Express Checkout works slightly differently, by adding a checkout button to your Shopping Cart page, so users can check out through the PayPal interface first, before returning to the Spiffy Stores Checkout. This process is slightly easier for customers and will probably result in less abandoned shopping carts.

If the only payment method that you accept is PayPal, we recommend that you enable both PayPal Website Payments Standard and PayPal Express Checkout.

Before Starting: You will need a PayPal Business account

To enable PayPal Express Checkout, you will need to have a PayPal Business account. If you don't have a PayPal business account, click here to sign up for a PayPal Business account, and then return to this page.

Part 1 - Configure your PayPal Account - Automatic Method

When you've set up your PayPal business account, follow the steps below to configure access to your PayPal account.

  1. Navigate directly to the Give Third Party API Permission page.
  2. Enter studio_api1.spiffy.com.au as the API account username.
  3. Check all of the boxes listed, then click Submit.
    1. Direct Payment
    2. PayPal Express Checkout
    3. Reporting and Backoffice APIs
    4. Authorization and Settlement APIs
  4. On the following screen, click the Give Permission button.
  5. Click the Edit button to edit the permissions and check ManagePendingTransactionStatus.
  6. Click Submit.

Part 1 - Configure your PayPal Account - Manual Method

When you've set up your PayPal business account, follow the steps below to configure access to your PayPal account.

  1. Log in to manage your PayPal account
  2. Click on "Profile" under "My Account" in the top menu
  3. Click on "My selling tools" in the side-bar on the left
  4. Click on "API Access - Update" under "Selling online"
  5. Click on "Grant API permission" under "Option 1"
  6. If you have already granted permissions previously, then click on "Add or edit API permissions" under "Option 1". On the following screen, click on "Add New Third Party"
  7. Enter studio_api1.spiffy.com.au as the Third Party Permission Username, then click on "Lookup"
  8. Check all of the boxes listed below, then click "Add"
    • Use Express Checkout to process payments.
    • Issue a refund for a specific transaction.
    • Process your customers credit or debit card payments.
    • Authorize and capture your PayPal transactions.
    • Create and manage PayPal payment buttons on your website.
    • Obtain information about a single transaction.
    • Search your transactions for items that match specific criteria and display the results.
    • Charge an existing customer based on a prior transaction.
    • Create and manage Recurring Payments.
    • Obtain authorization for pre-approved payments and initiate pre-approved transactions.
    • Accept or refuse a pending transaction.
    • Issue a refund for any prior transaction.
    • Use Express Checkout to process mobile payments.

If you also want to enable Website Payments Standard (recommended)...

  1. Click on "Profile" under "My Account" in the top menu.
  2. Click on "My selling tools" in the side-bar on the left.
  3. Click on "Shipping calculations - Update" under "Shipping my items"
  4. Tick the box that says "Click here to allow transaction-based postage values to override the profile postage settings listed above (if profile settings are enabled)"
  5. Click the "Save" button

Part 2 - Enable PayPal Express Checkout in your Spiffy Store

Your PayPal account is now ready to connect to your Spiffy Store. You now need to follow the steps below to enable PayPal Express in your store.

To use PayPal Express alongside PayPal Website Payments Standard

  1. Log into your Spiffy Store Toolbox
  2. Go to the "Checkout & payment" page in the Preferences section
  3. In the PayPal section at the top, click the edit link next to "PayPal Website Payments Standard"
  4. Tick the box next to "Enable PayPal Express" and click the "Save" button

To use PayPal Express without PayPal Website Payments Standard

  1. Log into your Spiffy Store Toolbox
  2. Go to the "Checkout & payment" page in the Preferences section
  3. In the PayPal section at the top, choose "PayPal Express Checkout"
  4. Type your PayPal account email into the "Account Email" field, and click the "Activate" button

After you've followed the steps above, your Spiffy Store should now be set up to accept payments through PayPal Express Checkout. To verify that it's all working, go to your store, and add a product to your cart. The PayPal Express button should appear under the "Update cart" and "Checkout" buttons.

Help! The PayPal Express button isn't showing up!

If the button isn't there, you may need to add a little code to your theme to make it show up. Instructions on how to do this are below.

Adding the PayPal Express button to your cart page

  1. Log into your Spiffy Store Toolbox, and navigate to the "Theme editor" page
  2. Scroll down to the "Theme templates" section, and click on your "Cart.liquid" file to edit it
  3. Towards the bottom of the code, you should see a line that looks something like this
    <input name="checkout" type="submit" class="button" id="checkout-button" value="Checkout">
  4. Add the following code immediately after the checkout button tag, then click "Save"
{% if additional_checkout_buttons %}
  <div class="additional-checkout-buttons">
    <p>- or -</p>
    {{ content_for_additional_checkout_buttons }}
  </div>
{% endif %}

The PayPal Express button should now appear under the "Update cart" and "Checkout" buttons. If you need to adjust the position of the button, you should do this using CSS.