Enabling PayPal Express Checkout

PayPal Website Payments Standard adds PayPal as a payment method in your checkout. The customer submits their order, and is re-directed to the PayPal site. We've found that around 10% of orders are abandoned at this point.

PayPal Express Checkout adds a checkout button to your Shopping Cart page, so users can check out through the PayPal interface, rather than through the Spiffy Stores Checkout. Orders that you receive through the PayPal Express Checkout are not submitted to your store until they are paid through PayPal, so this should solve the "abandoned order" issue.

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 account, and then return to this page.

Part 1 - Configure your PayPal Account

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. Navigate directly to the "Give Third Party API Permission" page.

3. Enter studio_api1.spiffy.com.au as the API account username

4. Check all of the boxes listed below, then click Submit
    - Direct Payment
    - PayPal Express Checkout
    - Reporting and Backoffice APIs
    - Authorization and Settlement APIs

5. On the following screen click the "Give Permission" button

6. Click the Edit button to edit the permissions and check "ManagePendingTransactionStatus"

7. Click Submit

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.

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.

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;

{% if additional_checkout_buttons %}
  <div class="additional-checkout-buttons">
  <p>- or -</p>
  {{ content_for_additional_checkout_buttons }}
  </div>
{% endif %}

5.  Click the save button.  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.