Skip to content

Critical flows ‐ Instructions

Danae Millan edited this page Feb 19, 2024 · 21 revisions

DON'T USE - WORK IN PROGRESS

Table of Contents

Setup

TODOs:

  • Create checkout page with the Classic Checkout block.
  • Create a cart page with the Classic Cart block.

Shopper

TODOs:

  • Save a SCA card at checkout
  • Checkout with saved SCA card
  • Add a new SCA card
  • Payment Request on the checkout page

Merchant

Shopper (subscriptions)

Merchant (subscriptions)

Blocks: Shopper

Alternative Payment Methods (APMs)

Setup

Manual plugin installation and setup

  1. Create a new site, install WooCommerce, and finish the setup wizard using United States address as a store address without selecting Stripe on Business Details step.

  2. If you don't have one already, create a Stripe account. You don't have to enter details to verify the account because we only use test data for testing.

  3. Follow instructions in the docs (https://woocommerce.com/document/stripe/#section-1) to manually install and set up the Stripe Payment Gateway.

  4. Import test products to your store. Instructions. CSV with sample products to import.

  5. Create a with the Classic Checkout block in it.

    • Go to Pages > Add New.
    • Under the available blocks, select the "Classic Checkout" one.
    • Publish the page.
    image

Payment Request setup

  1. As a merchant, go to Stripe settings > Payment Methods tab > Express checkouts, at siteurl/wp-admin/admin.php?page=wc-settings&tab=checkout&section=stripe&panel=methods. Express checkouts settings
  2. Enable Apple Pay / Google Pay.
  3. If the Updated Checkout Experience is enabled, enable Link too.
  4. Go to the Payment Request's customization options, under Express checkouts > Apple Pay / Google Pay > Customize at siteurl/admin.php?page=wc-settings&tab=checkout&section=stripe&panel=methods&area=payment_requests.
  5. Under Show express checkouts on, enable all options: Checkout, Product page, and Cart.
  6. Ensure that the store is accessible via public HTTPS URL (e.g. with Jurassic Ninja).
  7. Add a credit card to Chrome Payment settings. It can be a Stripe test card: 4242 4242 4242 4242, any cardholder name, valid expiration date and any CVV will work.

Note: Link is only available when the Updated Checkout Experience is enabled.

Shopper

Checkout with normal credit card

  1. Add a product to the cart and proceed to checkout.
  2. Fill in form details and checkout using one of the test cards (e.g. 4242 4242 4242 4242).
  3. Do not save card details.
  4. Place the order.
  5. Confirm the order is submitted successfully.

Test this flow with

  • Stripe's Classic Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout
  • Stripe's Updated Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout

Save card at checkout

  1. Log in to the store as a shopper.

  2. Add a product to the cart and proceed to checkout.

  3. Fill in form details and checkout using one of the test cards (e.g. 4242 4242 4242 4242).

  4. Check the "Save payment information" checkbox.

    Block checkout Classic checkout
    image image
  5. Place the order.

  6. Confirm the order is submitted successfully.

  7. Confirm the card was saved in the store. It must be listed under My account > Payment methods.

Test this flow with

  • Stripe's Classic Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout
  • Stripe's Updated Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout

Checkout with saved card

  1. Save a card in the store. Follow the testing instructions under Save card at checkout if in doubt.
  2. Add a product to the cart and proceed to checkout.
  3. Select the previously saved card from the list and place the order.
  4. Confirm the order is submitted successfully.

Test this flow with

  • Stripe's Classic Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout
  • Stripe's Updated Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout

Checkout failures (with various cards)

Follow the steps from Checkout with normal credit card but using the following test cards:

Card number Expected error message Reason
4000000000000002 The card was declined. declined
4000000000009995 The card was declined. insufficient funds
4000000000009987 The card was declined. declined (lost)
4000000000000069 The card has expired. expired
4000000000000127 The card's security code is incorrect. CVC incorrect
4000000000000119 An error occurred while processing the card. processing error
4242424242424241 The card number is invalid. invalid number

Test this flow with

  • Stripe's Classic Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout
  • Stripe's Updated Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout

Checkout with SCA card

  1. Add a product to the cart and proceed to checkout.
  2. Use one of the SCA test cards (e.g. 4000002760003184).
  3. Place the order.
  4. Confirm that the 3D Secure verification dialog is displayed.
  5. Click on "Complete" to complete the authorization.
  6. Confirm the order is submitted successfully.

Test this flow with

  • Stripe's Classic Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout
  • Stripe's Updated Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout

Checkout failure with SCA card

  1. Add a product to the cart and proceed to checkout.
  2. Use the SCA failing card with the number 4000008260003178.
  3. Place the order.
  4. On the 3D Secure verification dialog that's displayed, click on "Complete" to complete the authorization.
  5. Confirm an error message saying "Your card has insufficient funds." is displayed.
  6. Use a SCA successful card, like 4000002500003155.
  7. Place the order.
  8. On the 3D Secure verification dialog that's displayed, click on "Fail" to mimick a failed authorization.
  9. Confirm that an error message saying "We are unable to authenticate your payment method. Please choose a different payment method and try again." is displayed.
  10. Place the order again.
  11. On the 3D Secure verification dialog, click on "Complete".
  12. Confirm the order is submitted successfully.

Test this flow with

  • Stripe's Classic Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout
  • Stripe's Updated Checkout Experience
    • Under the Block checkout
    • Under the Classic checkout

Checkout with Payment Request

This table will guide you on how to load payment request buttons for specific payment options such as Google Pay, Apple Pay, or Link.

Browser + Wallet Payment Button
Safari + Apple Pay enabled Apple Pay
Chrome + Link authenticated Link
Chrome + Google Pay enabled and Link not authenticated Google Pay
Chrome on iOS 16 + Apple Pay and Google Pay enabled Apple Pay
Any browser + No active Apple Pay or Google Pay Link

Notes: Payment Request buttons ( Apple Pay, Google Pay, Link ) will be disabled for subscriptions with free trial if the product isn't virtual or downloadable. This is a limitation of checkout flow and not an issue.

Checkout from Product Page

  1. Go to product page and select product options (quantity and other params if required by product).
  2. Click Pay now button.
  3. Pick saved card from Chrome payment UI.
  4. Order should be completed successfully.

Checkout from the Cart

  1. Add several products to cart and go the cart page.
  2. Adjust cart settings if needed.
  3. Click Pay now button.
  4. Pick saved card from Chrome payment UI.
  5. Order should be completed successfully.

Checkout with 3DS card

  1. Set-up Payment Request as described above.
  2. Add a 3DS test card like 4000002500003155 to Chrome Payment settings. Any cardholder name, valid expiration date and any CVV will work.
  3. Try to pay with that card using the Payment Request button.
  4. Order should be completed successfully.

Add a new payment method

  1. As a shopper, navigate to My account > Payment methods
  2. Click on the "Add payment method" button.
  3. Fill the form in with card number 4242424242424242, expiration date in future, and any CVC code. image
  4. Click on the "Add payment method" button.
  5. Confirm a "Payment method successfully added" success message is displayed.
  6. Confirm the payment method you just added is listed under My account > Payment methods image

Test this flow with

  • Stripe's Classic Checkout Experience
  • Stripe's Updated Checkout Experience

Delete a saved payment method

  1. Follow the steps under Add a new payment method if none is already saved.
  2. Go to My account > Payment methods.
  3. Locate the payment method you just added. Click on its "Delete" button.
  4. Confirm a "Payment method deleted" success message is displayed.
  5. Confirm the payment method is not listed anymore. image

Test this flow with

  • Stripe's Classic Checkout Experience
  • Stripe's Updated Checkout Experience

Merchant

Manual capture

Note: It's important that webhooks are set up correctly for the manual capture to work correctly.

  1. Using a Merchant account, enable capture later in the WooCommerce > Settings > Payments > Stripe page and save settings.
image
  1. Follow normal card checkout flow as a Shopper to make a purchase. Take a note of the order number created.
  2. Using Merchant account go to the WooCommerce > Orders page and open the order created above. The order should have the status On Hold.
  3. Go to your Stripe's account dashboard
  4. Make sure Viewing test data is enabled and navigate to the Payments page.
image
  1. Locate the payment for the order you just made
image
  1. Open the order details, click the Capture button, and capture the full amount.
image
  1. Go back to the order detail screens in your WooCommerce store and observe that the payment should now be captured (the order notes will say Stripe charge complete (Charge ID: ch_abc...)), and the order status should be set to Processing.

Full refund

  1. Go to the order page for an order purchased with the Stripe Payment Gateway. You might need to create one using steps from the normal card checkout flow.
  2. Click the Refund button to activate the refund UI.
  3. Update Qty and Refund amount fields to make sure all products and fees are refunded.
  4. Click the Refund via Stripe button to issue refund.
  5. After page reload check order status (Refunded) and notes in the right sidebar. Successful refund notes should be added.
  6. Go to your Stripe's account dashboard.
  7. Make sure Viewing test data is enabled and navigate to the Payments page.
image
  1. Locate the payment for the order you just made.
image
  1. Check transaction summary, timeline, and payment details. It should reflect status Refunded and refunded amounts.
image

Partial refund

  1. Go to the order page for an order purchased with the Stripe Payment Gateway. You might need to create one using steps from the normal card checkout flow.
  2. Click Refund button to activate refund UI.
  3. Update Qty and Refund amount fields to make sure only part (not all) products and fees are refunded.
  4. Click Refund via Stripe button to issue refund.
  5. After page reload check order status (Processing) and notes in the right sidebar. Successful refund notes should be added.
  6. Go to your Stripe's account dashboard.
  7. Make sure Viewing test data is enabled and navigate to the Payments page.
image
  1. Locate the payment for the order you just made.
image
  1. Check transaction summary, timeline, and payment details. It should reflect status Partial refund and refunded amounts.
image
  1. Repeat steps 2-9. Make sure following partial refunds work well and reflected in your Stripe's account dashboard.

Refund failure

  1. As a Shopper make a purchase using test card 4000000000005126 and make a note of order number.
  2. As a Merchant go to the order page for the created order.
  3. Click Refund button to activate refund UI.
  4. Update Qty and Refund amount fields to make sure all or part of the products and fees are refunded.
  5. Click Refund via Stripe button to issue refund.
  6. After page reload check order status (Refunded) and notes in the right sidebar. Successful refund notes should be added.
  7. Reload the order page, check that refund failure notes added to the order.
  8. Go to your Stripe's account dashboard.
  9. Make sure Viewing test data is enabled and navigate to the Payments page.
  10. Locate the payment for the order you just made.
  11. Observe that the transaction has the Succeeded status, but the timeline shows the refund failure.
image

Shopper (subscriptions)

Purchase subscription product

  1. As a Merchant create a subscription product (see official documentation for more details).
  2. As a Shopper purchase the product using a test card.
  3. Navigate to 'My account -> My Subscription'.
  4. Ensure the new subscription is listed there:

.

  1. Ensure 'Subscription' link and 'View' button are opening.

Purchase free trial subscription

  1. As a Merchant create a subscription product (see official documentation for more details).
  2. Modify the subscription: set 'Free trial' to e.g. 14 days, click 'Update' button in the top-right block on the product edit page.
  3. As a Shopper add the product to the cart and start the checkout.
  4. Ensure the total is '$0.00' and the product price includes e.g. ' with a 14-day free trial'.
  5. Ensure the order items have 'Recurring totals' section with correct subscription price.
  6. Complete the checkout and navigate to 'My account -> Subscriptions'.
  7. Ensure the new subscription is listed.

Note: "Payment Request" option ( Apple Pay, Google Pay, etc. ) will be disabled for subscriptions with free trial if the product isn't virtual or downloadable. This is a limitation of checkout flow and not an issue.

Purchase multiple subscriptions (same schedule)

  1. As a Merchant create 2 subscription products (see official documentation for more details).
  2. The subscription products should use an identical schedule, e.g. both daily, both weekly, both monthly, etc.
  3. As a Shopper add both products to the cart and complete checkout.
  4. Navigate to 'My account -> Subscriptions'.
  5. Ensure the listing contains only one new entry, click the 'View' button on the right side of the entry.
  6. Ensure 'Subscription totals' section lists the subscription products with the correct price.

Purchase multiple subscriptions (differing schedules)

  1. As a Merchant create 2 subscription products (see official documentation for more details).
  2. The subscription products should use differing schedules, e.g. one weekly and one monthly.
  3. As a Shopper add both products to the cart and complete checkout.
  4. Navigate to 'My account -> Subscriptions'.
  5. Ensure the listing contains two new entries, click the 'View' button on the right side of each entry.
  6. Ensure 'Subscription totals' section lists the subscription product with the correct price.

Renew subscription

  1. Follow steps from 'Purchase subscription product'.
  2. As a Shopper, navigate to 'My account -> My Subscription'.
  3. Note the newly created subscription and click the 'View' button located on the right side of the corresponding list entry.
  4. Note the content of the 'Related orders' section (after renewing a new entry expected to be listed there).
  5. Note the 'Renew now' button and click it.
  6. You expected to land on the checkout page.
  7. Ensure the 'Complete checkout to renew now.' success message is shown up.
  8. Complete the checkout and ensure the 'Related orders' section in the subscription has a new entry.

Change payment method to new card

  1. Follow steps from 'Purchase subscription product'.
  2. As a Shopper, navigate to 'My account -> Subscriptions' and open the newly created subscription entry.
  3. Observe a 'Change payment' button for 'Actions'. Click the 'Change payment' button.
  4. In the second block, select 'Use a new payment method' option.
  5. Provide 4242424242424242 as the test card number, future expiration date, and a CVC code.
  6. Click 'Change payment method' button.
  7. Observe the 'Payment method updated.' success message.
  8. Ensure the 'Payment' line in the very first block is reflecting the card data you have provided.

Change payment method to saved card

  1. Follow steps from 'Add new payment method'.
  2. Follow steps from 'Purchase subscription product'.
  3. As a Shopper, navigate to 'My account -> Subscriptions' and open the newly created subscription entry.
  4. Observe a 'Change payment' button in 'Actions'.
  5. Click 'Change payment' button.
  6. In the second block, select the method created at the first step.
  7. Click 'Change payment method' button.
  8. Observe the 'Payment method updated.' success message.
  9. Ensure the 'Payment' line in the very first block is reflecting the card data you have provided.

Set default payment method

Follow steps from 'Change payment method to saved card', except:

  1. Make 2 purchases of subscription products, so you get 2 entries in the subscription listing.
  2. Make sure to mark 'Update the payment method used for all of my current subscriptions (optional)' checkbox when changing the payment method.
  3. Ensure both subscription entries are using the selected payment method.

Change default payment method

After completing steps from 'Set default payment method' change payment method again:

  1. Make sure to mark 'Update the payment method used for all of my current subscriptions (optional)' checkbox when changing the payment method.
  2. Ensure both subscription entries are using the new payment method.

Merchant (subscriptions)

Renew subscription automatically

  1. As a Merchant create a subscription product (see official documentation for more details).
  2. As a Merchant navigate to 'WooCommerce -> Settings -> Subscriptions'
  3. Enable 'Display the auto renewal toggle' and click 'Save changes' button on page bottom.
  4. As a Shopper add the subscription product to the cart and complete checkout.
  5. As a Shopper, navigate to 'My account -> Subscriptions' and open the newly created subscription entry.
  6. Ensure 'Auto renew' toggle is available and enabled.
  7. Ensure 'Payment' states the selected payment method.
  8. Copy the subscription ID (#) for your newly created subscription.
  9. As a Merchant, navigate to 'WooCommerce -> Status -> Scheduled Actions'.
  10. As a Merchant, use the subscription ID in the 'Search hook, args and claim ID' field, on the top-right corner of the page.
  11. Search for a 'Pending' hook named 'woocommerce_scheduled_subscription_payment' and which argument states 'subscription_id' => {SUBSCRIPTION_ID}.
  12. Hover over the table row and click 'Run' to simulate an automatic renewal for the newly created subscription.
  13. As a Shopper, navigate to 'My account -> Subscriptions', and ensure the given subscription is updated and another order entry is attached to it under 'Related orders'.
  14. Note the 'Next payment date' should remain the same (i.e. one month ahead).

Renew subscription manually

  1. As a Merchant create a subscription product (see official documentation for more details).
  2. As a Merchant navigate to 'WooCommerce -> Settings -> Subscriptions'
  3. Enable 'Accept Manual Renewals', ' Turn off Automatic Payments ' and click 'Save changes' button on page bottom.
  4. As a Shopper add the subscription product to the cart and complete checkout.
  5. As a Shopper, navigate to 'My account -> Subscriptions' and open the newly created subscription entry.
  6. Ensure 'Payment' states 'Via Manual Renewal'.
  7. Observe a 'Renew now' button displayed for 'Actions'. Click the 'Renew now' button.
  8. Ensure you are landed to the checkout page and can complete the checkout.
  9. Navigate to 'My account -> Subscriptions -> View Subscription' and ensure the subscription is updated and a new order entry is attached under 'Related orders'.
  10. Note the 'Next payment date' should be up-to-date (i.e. two months ahead).

Blocks: Shopper

Blocks: Checkout with Payment Request button

  1. Set-up Payment Request as described above.
  2. Add several products to cart and go the page with Cart block.
  3. Adjust cart settings if needed.
  4. Click Pay now button.
  5. Pick saved card from Chrome payment UI.
  6. Order should be completed successfully.

Blocks: Purchase subscription product

Note: The WooCommerce Subscriptions plugin did not support the Block-based checkout until v3.1.0, so you need to have WooCommerce Subscriptions v3.1.0 or newer installed on your store.

Repeat the instructions in Purchase subscription product but on a cart page using the Cart block and a Checkout page using the Checkout block.

Blocks: Purchase free trial subscription

Note: The WooCommerce Subscriptions plugin did not support the Block-based checkout until v3.1.0, so you need to have WooCommerce Subscriptions v3.1.0 or newer installed on your store.

Repeat the instructions in Purchase free trial subscription but on a cart page using the Cart block and a Checkout page using the Checkout block.

Blocks: Purchase multiple subscriptions

Note: The WooCommerce Subscriptions plugin did not support the Block-based checkout until v3.1.0, so you need to have WooCommerce Subscriptions v3.1.0 or newer installed on your store.

Repeat the instructions in Purchase multiple subscriptions but on a cart page using the Cart block and a Checkout page using the Checkout block.

Alternative Payment Methods (APMs)

Checkout with iDEAL

Note: iDEAL is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

  1. Go to WooCommerce > Settings > General.
  2. Select Euro (€) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe iDeal – iDeal.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart and proceed to checkout.
  8. Select iDeal and click Place order.
  9. You'll be brought to Stripe's iDEAL test payment page. Click Authorize test payment to continue.
  10. You'll be brought to the store's Order received page. Note the Order number.
  11. Go to WooCommerce > Orders.
  12. Find the order you just created (see order number from step 10) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with Sofort

Note: Sofort is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

Note: You'll need an address in Germany to pay via Sofort. You can generate a fake address that will work here.

Note: It's important that webhooks are set up correctly for Sofort payments to work correctly.

  1. Go to WooCommerce > Settings > General.
  2. Select Euro (€) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe SOFORT – SOFORT.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart and proceed to checkout.
  8. Enter the address you generated here as the billing details.
  9. Select SOFORT and click Place order.
image
  1. You'll be brought to Stripe's Sofort test payment page. Click Authorize test payment to continue.
  2. You'll be brought to the store's Order received page. Note the Order number.
  3. Go to WooCommerce > Orders.
  4. Find the order you just created (see order number from step 11) and make sure the status is set to On Hold.
  5. Wait 3 minutes.
  6. Reload the WooCommerce > Orders page.
  7. Find the order you just created (see order number from step 11) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with giropay

Note: giropay is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

  1. Go to WooCommerce > Settings > General.
  2. Select Euro (€) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe Giropay – Giropay.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart and proceed to checkout.
  8. Select Giropay and click Place order.
  9. You'll be brought to Stripe's giropay test payment page. Click Authorize test payment to continue.
  10. You'll be brought to the store's Order received page. Note the Order number.
  11. Go to WooCommerce > Orders.
  12. Find the order you just created (see order number from step 10) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with EPS

Note: EPS is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

  1. Go to WooCommerce > Settings > General.
  2. Select Euro (€) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe EPS – EPS.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart and proceed to checkout.
  8. Select EPS and click Place order.
  9. You'll be brought to Stripe's EPS test payment page. Click Authorize test payment to continue.
  10. You'll be brought to the store's Order received page. Note the Order number.
  11. Go to WooCommerce > Orders.
  12. Find the order you just created (see order number from step 10) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with Bancontact

Note: Bancontact is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

  1. Go to WooCommerce > Settings > General.
  2. Select Euro (€) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe Bancontact – Bancontact.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart and proceed to checkout.
  8. Select Bancontact and click Place order.
  9. You'll be brought to Stripe's Bancontact test payment page. Click Authorize test payment to continue.
  10. You'll be brought to the store's Order received page. Note the Order number.
  11. Go to WooCommerce > Orders.
  12. Find the order you just created (see order number from step 10) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with Przelewy24

Note: Przelewy24 is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

  1. Go to WooCommerce > Settings > General.
  2. Select Euro (€) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe P24 – Przelewy24 (P24).
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart and proceed to checkout.
  8. Select Przelewy24 (P24) and click Place order.
  9. You'll be brought to Stripe's Przelewy24 test payment page. Click Authorize test payment to continue.
  10. You'll be brought to the store's Order received page. Note the Order number.
  11. Go to WooCommerce > Orders.
  12. Find the order you just created (see order number from step 10) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with SEPA

Note: SEPA payments are not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

Note: It's important that webhooks are set up correctly for SEPA payments to work correctly.

  1. Go to WooCommerce > Settings > General.
  2. Select Euro (€) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe SEPA Direct Debit – SEPA Direct Debit.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart and proceed to checkout.
  8. Select SEPA Direct Debit.
  9. Enter DE08370400440532013003 as the IBAN Number and click Place order.
  10. You'll be brought to the store's Order received page. Note the Order number.
  11. Go to WooCommerce > Orders.
  12. Find the order you just created (see order number from step 10) and make sure the status is set to On hold.
  13. Wait 3 minutes.
  14. Reload the WooCommerce > Orders page.
  15. Find the order you just created (see order number from step 10) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with Multibanco

Note: Multibanco payments are not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

Note: It's important that webhooks are set up correctly for Multibanco payments to work correctly.

  1. Go to WooCommerce > Settings > General.
  2. Select Euro (€) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe Multibanco – Multibanco.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart and proceed to checkout.
  8. Select Multibanco and click Place order.
  9. You'll be brought to Stripe's Multibanco test payment page. Click Return to site to continue.
  10. You'll be brought to the store's Order received page. Note the Order number.
  11. Go to WooCommerce > Orders.
  12. Find the order you just created (see order number from step 10) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.
  13. Open the order details page for the order you just created.
  14. Make sure there are 3 notes associated with the order:
    1. "Awaiting Multibanco payment Order status changed from Pending payment to On hold."
    2. "Order status changed from On hold to Processing."
    3. "Stripe charge complete (Charge ID: py_xxx)"

Checkout with Alipay

Note: Alipay is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

  1. Go to WooCommerce > Settings > Payments > Stripe Alipay – Alipay.
  2. Toggle the Enable/Disable checkbox to on.
  3. Click Save changes.
  4. Add a product to the cart and proceed to checkout.
  5. Select Alipay and click Place order.
  6. You'll be brought to Stripe's Alipay test payment page. Click Authorize test payment to continue.
  7. You'll be brought to the store's Order received page. Note the Order number.
  8. Go to WooCommerce > Orders.
  9. Find the order you just created (see order number from step 10) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with Boleto

Note: Boleto is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

Note: You'll need to set Brazil as your country in the Stripe account. If it's not possible you'll need to create a new account and set Brazil and use the account for this test.

Note: It's important that webhooks are set up correctly for Boleto payments to work correctly.

  1. Go to WooCommerce > Settings > General.
  2. Select Brazilian real (R$) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe Boleto – Boleto.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart (> R$5.00) and proceed to checkout.
  8. Type in a valid Brazilian address.
  9. Select Boleto, use 81200558022 in the CPF/CNPJ field and click Place order.
  10. A modal containing a voucher must show up. Close it.
  11. You'll be brought to the store's Order received page. Note the Order number.
  12. Go to WooCommerce > Orders.
  13. Find the order you just created (see order number from step 11) and make sure the status is set to On hold.
  14. Wait 3 minutes.
  15. Reload the WooCommerce > Orders page.
  16. Find the order you just created (see order number from step 11) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.

Checkout with OXXO

Note: OXXO is not supported with WooCommerce Blocks. You must use a checkout page with the [woocommerce_checkout] shortcode.

Note: You'll need to set Mexico as your country in the Stripe account. If it's not possible you'll need to create a new account and set Mexico and use the account for this test.

Note: It's important that webhooks are set up correctly for OXXO payments to work correctly.

  1. Go to WooCommerce > Settings > General.
  2. Select Mexican peso ($) in the Currency drop-down.
  3. Click Save changes.
  4. Go to WooCommerce > Settings > Payments > Stripe OXXO – OXXO.
  5. Toggle the Enable/Disable checkbox to on.
  6. Click Save changes.
  7. Add a product to the cart (> $10.00) and proceed to checkout.
  8. Type in a valid Mexican address.
  9. Select OXXO and click Place order.
  10. A modal containing a voucher must show up. Close it.
  11. You'll be brought to the store's Order received page. Note the Order number.
  12. Go to WooCommerce > Orders.
  13. Find the order you just created (see order number from step 11) and make sure the status is set to On hold.
  14. Wait 3 minutes.
  15. Reload the WooCommerce > Orders page.
  16. Find the order you just created (see order number from step 11) and make sure the status is set to Processing.
    • Note: If the product you purchased is digital the order should be set to Completed.
Clone this wiki locally