Stripe

The Stripe payment gateway for WooCommerce lets you accept payments directly onsite, and includes the option to offer Payment Request buttons (such as Apple Pay and Google Pay), SEPA, SOFORT, and more international payment methods.

Download it now at WordPress.org or via the “Add New” option under Plugins on your site. For full details of updates, please see the Changelog.

Installation ↑ Back to top

  1. Go to Plugins > Add New on your WordPress site.
  2. Enter WooCommerce Stripe in the Search Plugins bar. The author is WooCommerce.
  3. Click Install Now and Activate.

To learn more, see Installing and Managing Plugins.

Setup and Configuration ↑ Back to top

WooCommerce Payments screen showing Stripe active
Note: After adding the API Keys, the yellow warning notice will disappear

  1. Go to: WooCommerce > Settings > Payments > Stripe.
    Note: ‘Payments’ was formerly called ‘Checkout’ prior to WooCommerce 3.4
    Top of the Stripe main settings screen
  2. When first activated, the Stripe payment method will be Enabled. Tick the Enable Stripe checkbox to disable.
  3. Enter a Title (required) and Description (optional) seen by the customer during checkout.
    1. The Title is shown at the payment method option on the Checkout Page and also within the Order showing how the customer paid
    2. The Description is displayed within the payment method option on the Checkout Page
  4. Tick the Enable Test Mode checkbox, if you wish to test before going live. Untick to begin accepting payments with Stripe.
    Remainder of Stripe main settings page
  5. Enter your Live Secret Key and Live Publishable Key (obtained from your Stripe account). The Test Secret Key and Test Publishable Key are different and should only be used when Enable Test Mode selected in step 4.
  6. Enter Statement Descriptor, a description that appears on a customer’s bank or credit card statement. This cannot be blank and may be up to 22 characters. The statement description must contain at least one letter, may not include these characters > < " '. In addition, only alpha-numeric characters may be used.
  7. Tick the checkbox to Capture Charge Immediately (Authorize and Capture at the same time) or untick to only Authorize. If you untick the box, you’ll need to capture funds manually for each order within 7 days otherwise the authorization will be canceled alongside the order. See our FAQ on this for more.
  8. Enable Payment Request Buttons (optional) if you wish to give customers the ability to pay via a supported method. More information in the Payment Request buttons section.
  9. Payment Request Button Type will change the type of button to show.
    1. Default – “Pay” (default Apple or Google button)
    2. Buy – “Buy Now” (Apple or Google variant)
    3. Donate – “Donate” (Apple or Google variant)
  10. Payment Request Button Theme will change the appearance of the button to show.
  11. Payment Request Button Height will change the height of the button to match your styling preferences.
  12. Saved Cards, if you want to give Stripe customers the ability to use a card saved on their account for future purchases.
  13. Log Debug Messages, if you wish to save logs that can help you/us troubleshoot your site. Can be disabled and enabled as needed.
    1. Logs will appear under WooCommerce > Status > Logs. Use the dropdown menu to select, and click view.
      1. The log will be titled in the same format as other WooCommerce plugin log files: `woocommerce-gateway-stripe-[date]-[string].log`
    2. When enabled, only events which happen after the point of this being enabled will be logged.
  14. Save Changes.

Webhooks ↑ Back to top

Webhooks are a way for Stripe to communicate with your site. It provides information such as the status of the transactions to your WooCommerce site and can even update the order based on that information. We highly recommend for you to set this up on your Stripe dashboard and it is as simple as copying and pasting a simple link. Head to WooCommerce > Settings > Payments > Stripe and you will see a generated webhook link.

Main settings screen for Stripe showing the webhook information
Then go to your Stripe Dashboard Webhook Setting and click on “Add Endpoint”. Paste the link into the URL field, and click “receive all events” for the events. Choose “Latest API version” from the Version section if that is shown. After this, click “Add endpoint”

Adding a webhook on Stripe.com

Repeat this process for Live after adding to Test Data, or vice versa.

Stripe Checkout ↑ Back to top

Stripe Checkout ↑ Back to top

The new Stripe Checkout isn’t part of the WooCommerce Stripe payment gateway. This is an open enhancement and further details and any future development will be linked from this GitHub Issue.

Stripe Modal Checkout ↑ Back to top

Stripe Modal Checkout was removed in the 4.2.0 release of the WooCommerce Stripe payment gateway extension. Click here to learn more about the changes.

Payment Request Buttons ↑ Back to top

When the Payment Request Buttons option is checked, all types of Payment Request button are activated (on your site) at once so you’re ready to accept payments via a variety of methods with the WooCommerce Stripe payment gateway. Available options are Apple Pay, Google Pay, Microsoft Pay, Samsung Pay, and any other method which uses the Payment Request API. The customer will need to be using a supported browser as well as having credit cards saved to their account.

To see what a payment request button will look like and how it will behave, please see the Stripe.com Payment Request button documentation page.

Apple Pay ↑ Back to top

To offer Apple pay on your site via the WooCommerce Stripe payment gateway, add your site URL to the Stripe.com Dashboard > Settings > Apple Pay. Add the domain of your site exactly as it loads, include the www, or leave it out, but remove https://.

You do not need to upload the verification file to your sitethe extension does this for you in the background.

The domain will then show on your Apple Pay Stripe page under “On the Web domains”.

 

Customers will need to have a payment method from a supported bank or payment card provider, please see the Apple Pay support page for more details, along with a compatible Apple device.

Use of “Apple Pay on the Web”, which our Stripe integration uses for displaying the Apple Pay Payment Request buttons, is subject to the Apple Pay on the Web terms of service. This is a part of the Stripe Services agreement to which you agree to once when activating your Stripe account.

Google Pay / Samsung Pay / Microsoft Pay ↑ Back to top

Make sure that the Payment Request Buttons option is enabled, there is no other setup for you to accept payments via this method.

Note: these Payment Request buttons will only show on mobile when there is a saved payment card and with all the permissions (Location optional) allowed for Google Play services. Customers need to have a payment method from a supported bank or payment card provider. More details and support at Google Pay Help, Samsung Pay, Microsoft Pay.

Additional Payment Methods ↑ Back to top

Aside from standard credit and debit cards, Stripe comes with additional payment methods that can be used to target different markets. Our extension supports:

* WeChat Pay – Currently in Public Beta and will be available at general release.

For detailed information about these payment methods, please click on the links above or visit the Stripe Payment Methods, alternatively Stripe.com has a Payments overview page with a lot of useful information. Most of these additional payment methods need to be enabled under Payment Settings on your Stripe.com Dashboard and may require additional information to be fully set up.

Once enabled in Stripe, they can then be enabled under WooCommerce > Settings > Payments (note: ‘Payments’ was formerly called ‘Checkout’ prior to WooCommerce 3.4) by clicking the slider icon or by clicking on the payment service name and enabling there. You can also change the title and description of each service within the settings for that method.

WooCommerce Payments page showing Stripe international payment methods

Customer Usage ↑ Back to top

Standard Checkout ↑ Back to top

Customers pay on the checkout page, with version 4 of the extension, the form now uses Stripe Elements which provided enhanced security, styles, and better customer experience.

Using a new card, they see the option to enter credit card details, and tick the Save to account box if enabled (this screenshot shows the “Inline Credit Card Form” version):

For your regular customers who may have a saved card, they are presented with the stored cards (if that option has been enabled) or they can store a new one (screenshot showing the standard non-Inline form):

When the Payment Request Buttons are enabled, customers see the corresponding button on the product page and on the cart page when using a supported device, browser, and payment method.

Payment Request Buttons ↑ Back to top

Click through the gallery to view the default layouts for the Payment Request buttons.

 

Saved Payment Methods ↑ Back to top

On the My Account page, customers can add, view, and remove cards from their account within the Payment Methods submenu:

Hooks (Actions/Filters) ↑ Back to top

This section describes all hooks available to you if you need to manipulate how Stripe functions. This is more advanced so if you’re unfamiliar with how hooks work within WordPress, please read over the Hooks page of the WordPress.org Codex.

Hook name (parameters)

Action Hooks

  • wc_gateway_stripe_process_response ($stripe_response, $order) – The response we get back after calling a charge request to Stripe.
  • woocommerce_credit_card_form_start ($gateway_id) – Before showing the credit card form.
  • woocommerce_credit_card_form_end ($gateway_id) – After showing the credit card form.
  • wc_gateway_stripe_process_payment ($stripe_response, $order) – The response we get back after calling a charge request to Stripe but before processing the actual response.
  • wc_gateway_stripe_process_payment_error ($error, $order) – Called when an error occurs during the process payment event.
  • woocommerce_stripe_add_customer ($args, $response) – Called after creating a Stripe customer.
  • woocommerce_stripe_add_source ($stripe_customer_id, $wc_token, $response, $source_id) – Called after creating/attaching a source to a customer.
  • wc_stripe_delete_source ($stripe_customer_id, $response) – Called after deleting a source from customer.
  • wc_stripe_set_default_source ($stripe_customer_id, $response) – Called after setting a default source to a customer.
  • wc_gateway_stripe_process_redirect_payment ($response, $order) – Called after a redirect payment process.
  • wc_gateway_stripe_process_redirect_payment_error ($error, $order) – Called after a failed redirect payment process.
  • woocommerce_stripe_process_manual_capture ($order, $result) – Called after a manual capture of a charge within admin order.
  • woocommerce_stripe_process_manual_cancel ($order) – Called after a cancel of the order that is authorized and not yet captured.
  • wc_gateway_stripe_process_webhook_payment ($response, $order) – Called after a webhook payment process.
  • wc_gateway_stripe_process_webhook_payment_error ($order, $notification, *$e) – Called after a webhook payment process error.

Filter Hooks

  • wc_stripe_save_to_account_text ($text) – Text that shows to customers next to the save payment information checkbox.
  • wc_stripe_payment_icons ($icons_array) – Icons that show next to each payment method.
  • wc_stripe_send_stripe_receipt *boolean* – Whether to send a receipt via Stripe.
  • wc_stripe_payment_metadata ($metadata, $order, $prepared_source) – Metadata that gets passed during a payment request.
  • wc_stripe_generate_payment_request ($post_data, $order, $prepared_source) – Post data that gets passed during a payment request.
  • wc_stripe_owner_details ($details, $order) – The owner details of an order.
  • wc_stripe_force_save_source ($force_save_source, $customer) – Override force save customer.
  • wc_stripe_use_default_customer_source ($use_default) – Whether to use default customer source if source not found.
  • wc_stripe_refund_request ($request, $order) – Request parameters when refund is requested.
  • wc_stripe_PAYMENT_METHOD_settings ($settings)</strong – Admin settings for payment method.
  • wc_stripe_description ($description, $payment_method_id) – Override the description of credit card payments.
  • wc_stripe_display_save_payment_method_checkbox *boolean* – Whether to show the save payment method checkbox.
  • wc_stripe_sepa_mandate_notification ($method) – The method to use to inform customer of the SEPA mandate.
  • wc_stripe_allow_prepaid_card *boolean* – Whether to allow prepaid credit card to be used.
  • wc_stripe_elements_options – Additional options to manipulate Stripe elements.
  • wc_stripe_elements_styling – Additional options to manipulate the Stripe elements styling.
  • wc_stripe_elements_classes – Additional options to add classes to the Stripe elements.
  • wc_stripe_params ($params) – Localized JS key/value pair.
  • wc_stripe_payment_request_params ($params) – Localized JS key/value pair.
  • wc_stripe_hide_display_order_fee ($bool, $order_id) – Whether to hide the display order fee in orders view.
  • wc_stripe_hide_display_order_payout ($bool, $order_id) – Whether to hide the display order payout in orders view.
  • woocommerce_stripe_request_headers ($headers_args) – Headers parameters for cURL requests.
  • wc_stripe_idempotency_key ($key_string, $request) – The string for the idempotency key on request.
  • woocommerce_stripe_request_body ($request, $api) – The request body to pass when doing a request
  • wc_stripe_customer_metadata ($metadata, $user) – The meta data used when creating a customer.
  • wc_stripe_create_customer_args ($args) – The arguments used when creating a customer.
  • wc_stripe_localized_messages ($localized_messages) – The messages used from Stripe responses.
  • wc_stripe_logging ($bool, $message) – Whether to log a specific message when logging is enabled.
  • wc_stripe_webhook_review_change_order_status ($bool, $order, $notification) – Whether to change the order status when order review event happens.
  • wc_stripe_PAYMENT_METHOD_supported_currencies ($currencies) – The supported currencies for that specific payment method.
  • wc_stripe_payment_request_total_label_suffix ($suffix) – Label suffix to use when Payment Request is engaged.
  • wc_stripe_payment_request_total_label ($label) – The total label to use when Payment Request is engaged.
  • wc_stripe_payment_request_supported_types ($types) – The product types Payment Request supports.
  • wc_stripe_hide_payment_request_on_product_page *boolean* – Whether to hide Payment Request button on product detail page.
  • wc_stripe_show_payment_request_on_checkout *boolean* – Whether to show Payment Request button on checkout page.
  • wc_stripe_payment_request_hide_itemization *boolean* – Whether to show itemizations when using Payment Request.

Removing the Extension ↑ Back to top

You can delete the extension from your site if you decide that Stripe does not meet your needs.

When you deactivate and then delete the extension, there is logic in place to remove all Stripe settings from the options table. However, there is a safeguard in case deactivation and deletion was in error. If you wish to permanently delete everything with 100 percent certainty, add this code to your wp-config.php file:
define( WC_REMOVE_ALL_DATA, true );.

This code needs to be in place before you select Delete. Once you have deleted the extension and all settings removed, you can remove that code.

SCA/PSD2 ↑ Back to top

In September 2019, new requirements for authenticating online payments are being introduced in Europe via the second Payment Services Directive (PSD2). These new requirements are referred to as Strong Customer Authentication (SCA) via most electronic payments.

WooCommerce.com are working with our payment partners, of which Stripe.com is one, to ensure all our payment gateway extensions are updated in time. We have a blog post which goes through this in more detail. The Stripe extension is ready for this new change with version 4.2.0.

Frequently Asked Questions ↑ Back to top

The Stripe payment method is not showing. ↑ Back to top

In live mode, an SSL certificate must be installed on your site to use Stripe. In addition to SSL encryption, Stripe provides an extra JavaScript method to secure card data.

The Payment Request Button is not showing. ↑ Back to top

The customer must have a compatible device and payment method in a supported region, otherwise, the option is unavailable.
Please see the support pages for full details:

What type of Products can be purchased with the Payment Request Button? ↑ Back to top

Currently, Simple and Variable products are supported. The buttons won’t show for other Product types (such as Bookings) and won’t work with custom product fields.

Can I test Apple Pay? ↑ Back to top

Yes, please follow the link here for instructions Apple Pay Testing.

Can I test Google Pay? ↑ Back to top

Yes, save a Stripe test card to your device, and view a product page.

Can I hide the Payment Request button on the single Product page? ↑ Back to top

You can remove the Payment Request button from the Product page with this filter: add_filter( 'wc_stripe_hide_payment_request_on_product_page', '__return_true' );

Can I hide the Payment Request button on the Cart page? ↑ Back to top

Yes, you would need to remove the actions:

remove_action( 'woocommerce_proceed_to_checkout', array( WC_Stripe_Payment_Request::instance(), 'display_payment_request_button_html' ), 1 );
remove_action( 'woocommerce_proceed_to_checkout', array( WC_Stripe_Payment_Request::instance(), 'display_payment_request_button_separator_html' ), 2 );

Can I show the Payment Request button on the Checkout page? ↑ Back to top

Yes, although the Payment Button has been removed for clarity on the Checkout Page, a filter has been added to allow you to show this again: add_filter( 'wc_stripe_show_payment_request_on_checkout', '__return_true' );

Can a single customer have multiple subscriptions? ↑ Back to top

Using the WooCommerce Stripe extension and WooCommerce Subscriptions, you can have multiple subscriptions in your WooCommerce store. It should be noted that WC Subscriptions and the WC Stripe extension don’t use Stripe’s Recurring Plan feature, but instead manage subscriptions in WooCommerce and use token billing for each recurring payment.

How can I change the style of the Stripe Form? ↑ Back to top

The payment form is served in an iframe method on your site; this provides extra security and is required by Stripe. If you target the iframe with CSS you will find it doesn’t work. What you need to do instead is target the wrapping div element. Here’s some sample CSS that can help you:

Note: We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code/templates and resolving potential conflicts, select a WooExpert or Developer  for assistance.

Custom CSS to change the style of the Stripe Elements form: ↑ Back to top

Note: You can style the size, margin, padding, and background color of the boxes.

You can also add custom Stripe Elements styles using the wc_stripe_elements_styling filter. Here’s an example of how you can do that:

What version of the Stripe API does this extension use? ↑ Back to top

We try to use the latest possible and we’ll update it whenever we can. Note that you can usually update the API version on your Stripe dashboard without affecting our extension. For clarification, you can find which version we’re using in code on GitHub.

Does this extension support Bitcoin? ↑ Back to top

As of version 4.1.2 Bitcoin is no longer offered as a payment method. This is due to Stripe dropping support for processing Bitcoin payments as of 23rd April 2018.

Does this extension support Stripe Connect? ↑ Back to top

No, not currently; we’re unable to integrate at this time.

Does Stripe use AVS – Address Verification System? ↑ Back to top

Yes! This is enabled in your Stripe account dashboard and will then work in WooCommerce. See Stripe’s documentation about Avoiding fraud and disputes.

Does Stripe Support Authorization and Capture? ↑ Back to top

Yes! This is an option in the extension settings. Charges can be captured from within the WooCommerce dashboard. Please note that un-captured authorizations will expire after 7 days.
When the Stripe payment gateway is set to authorize, orders made via Stripe will have the status on hold and the following note:
2016-08-01_10-03-30
Change the order status to processing or completed to capture the payment or cancel the order to remove the pre-authorization.

Does Stripe allow refunds inside WooCommerce? ↑ Back to top

Yes, please see more info on our WooCommerce Refunds documentation page.

Does Stripe Support ACH? ↑ Back to top

Not currently but Stripe are actively working on this. For more details, please add your votes to our Ideas board.

Why aren’t my subscriptions displayed on the Stripe Dashboard? ↑ Back to top

WooCommerce Subscriptions does not use the Stripe Subscriptions feature. Instead, it uses a Stripe Customer and Card token and controls the processing of recurring payments.

This avoids any potential issues that could occur by trying to keep two copies of each subscription’s data in sync on two different systems (one in your store and one at Stripe). It also and makes it possible for Stripe to support all of WooCommerce Subscriptions’ features, like payment date changes, rather than only those the Stripe Subscriptions allows.

Because of this, you will not see subscriptions created with WooCommerce in your Stripe Dashboard as Subscriptions. This does not mean recurring payments will not be processed. As long as your store is running correctly, recurring payments will be processed correctly and will show up in the Stripe Dashboard as Payments.

Do I need to enable “Saved Card” to process subscriptions? ↑ Back to top

The WooCommerce Subscriptions extension has its own mechanism for saving credit card details. When a customer buys a subscription product, Stripe will create a special payment token that will use the same credit card details for future subscription payments. Saving the same card again on the customer’s account is not necessary unless you want to allow the customer to reuse the card for other purchases in your store.

How can I change the payment icons used such as Visa, Mastercard…etc? ↑ Back to top

You can change it via a built-in hook. Here is an example showing the use of the hook changing out the Visa logo.

add_filter( 'wc_stripe_payment_icons', 'change_my_icons' );
function change_my_icons( $icons ) {
        // var_dump( $icons ); to show all possible icons to change.
    $icons['visa'] = '<img src="https://shipyouridea.com/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg" />';
    return $icons;
}

How can I change the width of the Payment Request button? ↑ Back to top

You can target the button div using #wc-stripe-payment-request-button and the “OR” separator using #wc-stripe-payment-request-button-separator. See the Styling documentation for more details.

Troubleshooting ↑ Back to top

Root Relative URLs ↑ Back to top

There are known issues with the Root Relative URLs plugin. You will not be able to use this with Stripe.

I get an error when placing an order telling me to enable JavaScript. ↑ Back to top

This error may be caused by non-standard/poorly coded themes and JavaScript (JS) issues. Common issues include:

  1. Javascript errors on the checkout page – To view the error, open up your browser error console (in Chrome: View > developer > javascript console) and look for red errors. This should indicate where the error is located and lead you to the problem, i.e., loading jquery wrong
  2. Failing to load scripts – Stripe loads 2 JS files which it needs to function. If these are not loaded you will see errors. The most common reasons for not loading are:
    • A theme missing wp_head() or wp_footer() calls
    • Old overridden template files from WooCommerce inside your theme
    • Loading headers/footers in a non-standard way. WooCommerce uses get_header()’s get_header action to init the checkout and load scripts. If you are not using get_header() you either need to do so, or you need to trigger the get_header action manually using: do_action( ‘get_header ); in your custom header loader.

Apple Pay – I am getting this error “Error: Unable to copy domain association file to domain root” ↑ Back to top

That could mean your server configuration is not allowing files/paths to be written in that location. You would have to manually do this by following the step outlined here.

Apple Pay – I am getting this error “Error: Unable to verify domain – Bad Request” ↑ Back to top

Try manually doing this by following the step outlined here.

I’m getting an API error. ↑ Back to top

Ensure that you have entered the correct keys. If you are in Live Mode, you should have entered live keys (not test keys).

  • If you are using test mode, keys are prepended with sk_test and pk_test
  • If you are using live mode, keys are prepended with sk_live and pk_live

I’m seeing the error “Could not find payment information.” ↑ Back to top

This usually means that test mode is still enabled while using live keys, or that test keys are being used in live mode. For more details, please check the Stripe logs under WooCommerce > Status > Logs

Styling ↑ Back to top

We have full developer documentation for how to style the WooCommerce Stripe payment gateway payment card fields:

Stripe: Styling credit card fields

 

Questions and Feedback ↑ Back to top

Have a question before you download? Please fill out this pre-sales form.

Already using Stripe and need some assistance? Get in touch with a Happiness Engineer via the Help Desk.

Have a suggestion regarding a feature you’d like to see included in this product? Add it to our Ideas Board.

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top