Webflow sync, pageviews & more.
NEW

How can I test transactions on my Webflow Ecommerce site before launching, specifically with regards to UK card numbers and potential issues with Stripe's test card numbers?

TL;DR
  • Enable Stripe Test Mode in Webflow and publish to the staging domain to run safe test transactions.
  • Use UK-specific Stripe test cards and billing addresses to simulate realistic UK orders, and verify Stripe settings like currency and authentication flows.

To test transactions on your Webflow Ecommerce site, especially for UK card numbers, you can use Stripe’s built-in test mode and test card numbers directly within Webflow's staging environment.

1. Enable Test Mode in Webflow

  • Go to Project Settings → Ecommerce tab → Payments section.
  • Toggle Stripe to Test Mode. This connects your site to Stripe’s test environment.
  • Make sure your site is published to the .webflow.io staging domain to run safe, non-live test transactions.

2. Use Stripe UK Test Card Numbers

  • Stripe supports region-specific test card numbers, including UK-based numbers.

  • For UK address validation and region-specific logic, use the following card:

  • Card Number: 4000 0566 5566 5556 (UK Visa test card)

  • Any future expiry date

  • Any CVC

  • Postcode: Use realistic UK postcodes like "SW1A 1AA"

  • If testing address verification, use a UK billing address:

  • Name: Test User

  • Address Line: 10 Downing Street

  • City: London

  • Postcode: SW1A 2AA

  • Country: United Kingdom

3. Verify Stripe Settings

  • Log into your Stripe Dashboard and ensure your business is set to GBP under Settings > Payments > Currencies if you're testing UK-specific flows.
  • Check that your Stripe test account is enabled and active.

4. Common Issues with Stripe Test Cards

  • ZIP/Postcode Mismatch Errors: For UK cards, make sure the postcode you enter matches a valid UK format. Stripe may simulate postcode verification even in test mode.
  • Insufficient Funds Errors: Use failing test cards like 4000 0000 0000 9995 to confirm how your site handles failed transactions.
  • 3D Secure Tests: Use cards like 4000 0027 6000 3184 to simulate authentication flows required for SCA (Strong Customer Authentication) in the UK and EU.

5. Submit a Test Order

  • Browse your webflow.io staging site, add a product to cart, and go through checkout using a Stripe UK test card.
  • You’ll see confirmation emails, dashboard logs, and Stripe test transactions appear as if it were a real order.

Summary

To test UK-based Ecommerce transactions in Webflow, enable Stripe Test Mode, use UK-specific Stripe test cards, and verify your checkout flow on the staging domain. Stripe supports UK cards and addresses for comprehensive pre-launch testing.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Why does one Vimeo video not display in the Webflow preview, even though it is set to public and embeddable, while other Vimeo videos work fine and can be embedded using the HTML Embed widget?
How can we redirect traffic from non-SEO pages on our root domain to Webflow while preserving the complex database queries and high traffic of those pages on our self-hosted website?
Should I design the website on Webflow and export the code to host it on GoDaddy or is it better to design it directly on GoDaddy? Any tips or challenges I should be aware of?
What are some recommended methods for setting up a staging environment in Webflow that allows for testing website changes before going live?
Where can I modify the settings in Webflow to display my desired content instead of showing the template or Webflow name (as seen in the attached screenshot)?
How can I use Webflow's membership beta to create accounts for projects, allowing users to sign in, access a dashboard, and modify their assigned CMS items?
Why doesn't the link to the job section on our Webflow page work? It's connected to a button, but when clicked, it shows a 404 error. Can anyone assist?
How can I allow clients to easily style text in a Webflow collection, such as adding bold or italic styles, and changing text colors?
Can I get a refund for a Webflow template if my own images don't work well with the design?
How can I embed a Substack newsletter sign-up form onto my Webflow site using HTML? I've tried adding the code to the head tag following the instructions from the Webflow University article on custom code but it doesn't seem to be working. Any advice?
Is there an option to zoom in and out for an overview of a design in Webflow, as well as the ability to adjust grid overlay and utilize guides in the design process?
How can I create a "FAQ like" page in Webflow with multiple accordion menus that close when another is clicked? I understand that I need to set the interactions for siblings, child, parents of the class, but I'm unsure which family member is responsible. Thank you for any tips!
Why is my new phone not generating any codes from Webflow?
How can I remove an element from a Webflow page, such as a navbar, container, link block, or label? I don't see a delete button or trash bin option and need to know how to proceed.
How can I fix the issue of my edited Webflow settings not reflecting on LinkedIn when sharing the link?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?