Stripe Express - Magento 2 - Documentation

About

Stripe Express is a add-on to our popular Stripe Payments module for Magento 2, which allows faster checkouts from the product pages through Apple Pay, Android Pay, Google Pay and Microsoft Pay. This is the documentation for installing, configuring and using this module on Magento 2.

Installation

Warning! We recommend that you test the module on a testing server before installing it on your live web server. Please see the Troubleshooting section if you come across any installation issue.

  1. Before installing this module, make sure that you have the latest version of Stripe Payments installed. You can check which is the latest version from the Changelog section towards the bottom of the product page. You can check which version you have installed from System > Magento Connect > Magento Connect Manager. If you have an older version, see the upgrade instructions here.
  2. If you haven't done so already, please download the Stripe Express add-on from your customer account section or through the email that was sent to you when you purchased the module.
  3. Extract the file into your Magento root directory with the following command:
    tar -xzvf Cryozonic_StripeExpress-1.0.0.tgz
    The module will be extracted under app/code/Cryozonic/StripeExpress/
  4. Enable the module by running the following commands:
    php bin/magento setup:upgrade
    php bin/magento cache:flush
  5. If you are upgrading from a previous version, you will also need to run:
    php bin/magento module:enable Cryozonic_StripeExpress
  6. If you are running Magento in production mode, you will also need to run:
    php bin/magento setup:static-content:deploy
    php bin/magento setup:di:compile
  7. Important: Javascript bundling is not supported as of v1.0.0 of the module, so if you have it enabled, please disable it with:
    php bin/magento config:set dev/js/enable_js_bundling 0
    php bin/magento cache:clean
    Javascript bundling will be supported with a future release of the module.

Uninstall

From a terminal, run the following commands:

php bin/magento module:disable --clear-static-content Cryozonic_StripeExpress
rm -rf app/code/Cryozonic/StripeExpress

Upgrade

Important: If you have Stripe Payments installed as well, always upgrade both modules to their latest version.

You can always download the latest version of the module from the account section or through the email that was sent to you when you purchased the module. Once you have the latest version:

Configuration in Magento

  1. Go to System > Configuration > Payment Methods
  2. Expand the section of any payment method you need to configure as shown in the following screenshot:

    Magento Stripe Express Configuration Section

  3. Cart Express Checkout: Enable or disable the payment button at the Shopping Cart page.
  4. Product Express Checkout: Enable or disable the payment button at the product pages.
  5. Save Customer Cards: Enable if you want to save customer cards through a secure, PCI compliant tokenization method. If the customer ever visits the actual checkout page, they will be able to reuse their saved cards to checkout faster.
  6. Button Type: Choose between 3 types of payment buttons to display: Default, Buy and Donate
    Stripe Google Pay button Default type Stripe Google Pay button Buy type Stripe Google Pay button Donate type
    Stripe Apple Pay button Default type Stripe Apple Pay button Buy type Stripe Apple Pay button Donate type
  7. Button Theme: Choose between 3 types of button themes: Dark, Light and Light-Outline
    Stripe Google Pay button Dark Stripe Google Pay button Light Stripe Google Pay button Light Outline
  8. Button Height: Adjust the button height to match your theme's "Add to Cart" and "Proceed to Checkout" buttons.
    Stripe Apple Pay button height
  9. Finally if you haven't done so already through the installation of Stripe Payments, proceed to configure Apple Pay on your website.

Troubleshooting

General Guidelines

Most issues can be resolved using the Troubleshooting instructions of the Stripe Payments module. If anything is missing from these, please contact us at info@cryozonic.com.

The payment button does not appear

Possible reasons for the button to not display are the following:

  1. A step may have been missed from the Apple Pay Configuration Checklist. Please review the checklist to make sure that all steps have been followed.
  2. You may have overwritten the Add to Cart button template in your theme. This is what the default template looks like:

    If it looks different in your case, try adding some text in app/design/frontend/base/default/template/cryozonic_stripeexpress/product_button.phtml to see if it appears on the product page. If it doesn't, you will need to find the customization in your theme and integrate the two templates together.
  3. There might be some javascript crashes when Stripe.js is initializing, for example if you have entered your Stripe API keys the wrong way round. Check your browser console for any javascript errors related to Stripe.js
  4. You may be serving your product page without SSL, which is required for the button to appear.
  5. You may have Javascript bundling enabled, which is not supported as of v1.0.0 of the module. If you have it enabled, please disable it with:
    php bin/magento config:set dev/js/enable_js_bundling 0
    php bin/magento cache:clean
    Javascript bundling will be supported with a future release of the module.