How to connect your website to Stripe

In this guide, we'll explain how to connect Stripe as the payment gateway for your website.

Step 1

Begin by logging in to the Webfactory Hub with your username and password.

Step 2

From the Hub's dashboard, select the website that you want to connect with Stripe.

Step 3

Once you have selected your website, navigate to the 'Webshop' tab.

Step 4

Within the 'Webshop' tab, look for and click on the 'Payment options' section.

Step 5

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.

Step 6

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.

Step 7

Find your API keys on Stripe

  • To locate these keys, open a new browser tab and go to the Stripe dashboard at https://dashboard.stripe.com. Log in if necessary.
  • Navigate to the 'Developer' link, typically found in the left sidebar.
    • Within the 'Developer' section, click on the 'API' tab.
    • Here, you will see your existing API keys. You can copy these keys, or if you prefer, create a new set of keys.
  • For detailed instructions on creating new keys, please consult Stripe support.
Step 8

Return to the Webfactory Hub tab and paste your 'Publishable API Key' and 'Secret API Key' into the respective fields.

Step 9

Once both keys are entered, click 'Update settings'.

Make sure to use your non-test mode keys, as test keys will not allow for actual transactions to be processed. You can toggle between test mode and non-test mode at the top of your Stripe dashboard.

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.