How to connect your website to Stripe
In this guide, we'll explain how to connect Stripe as the payment gateway for your website.
Begin by logging in to the Webfactory Hub with your username and password.
From the Hub's dashboard, select the website that you want to connect with Stripe.
Once you have selected your website, navigate to the Webshop tab.
Within the Webshop tab, look for and click on the Payment options section.
In the Payment Settings, find the section labelled Stripe. There, you'll see a toggle switch. Click it to enable Stripe as your payment gateway.
After enabling Stripe, you will see fields where you can enter your Publishable API Key and Secret API Key. These are the keys that connect your website to your Stripe account.
Open a new browser tab and go to the Stripe dashboard. Log in to the Stripe account you want to connect to your website. Make sure you are viewing your live account rather than a sandbox or test mode.
Use the search bar at the top of the Stripe dashboard to search for API Keys, then click Developers > API Keys in the results.
Click Create secret key.
When asked how you will use the key, choose Powering an integration you built. Continue with Create secret key if prompted.
Stripe may ask you to verify your identity again. Complete the requested verification, such as entering your password or a verification code, to confirm you are the account owner.
Give the key a name in the Key name field, then click Create. You can use any name you like; it is just a label to help you identify what the key is used for. For example, Webfactory webshop.
Copy the live secret key as soon as Stripe displays it. It starts with sklive. Switch back to your Webfactory Hub tab and paste it into the Secret API Key field in your website’s Webshop > Payment options settings. Copy and paste it before closing the key display: Stripe only shows a newly created live secret key once. If you leave without copying it, you will need to create another key.
Return to Stripe and finish the key creation screen. On the API Keys page, copy your live Publishable key, which starts with pklive. This is the public key used for the Publishable API Key field in Webfactory.
Switch back to Webfactory and paste the publishable key into the Publishable API Key field. Check that both keys are in the correct fields and come from the same live Stripe account.
Click Update settings to save the connection.
Use live keys to accept real payments: the publishable key starts with pklive and the secret key starts with sklive. Keys from a sandbox or test mode will not process real payments. Stripe only shows a newly created live secret key once, so copy it into your Webfactory settings while it is displayed.
For more information about creating and managing API keys, see Stripe’s API key documentation.
If you encounter any difficulties during this process, please contact our support team. Always keep your API keys secure and confidential. They provide access to the payment processing functionality of your Stripe account, so they should be treated with the same care as passwords.