How to connect your website to Stripe

This guide will walk you through the steps needed to connect Stripe as your payment gateway on your website using Webfactory's Hub. Here are the step-by-step instructions:

  1. Log into Webfactory's Hub
    • Begin by logging into the Webfactory Hub with your username and password.
  2. Select Your Website
    • From the Hub's dashboard, select the website that you want to connect with Stripe.
  3. Navigate to the Webshop Section
    • Once you have selected your website, navigate to the 'Webshop' section. This is usually found in the left sidebar or menu of the Hub.
  4. Open Payment Settings
    • Within the 'Webshop' section, look for and click on the 'Payment Settings' section.
  5. Enable Stripe
    • In the 'Payment Settings', find the section labeled 'Stripe'. There, you'll see a toggle switch. Click it to enable Stripe as your payment gateway.
  6. Enter Your Stripe API Keys
    • 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.
  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.
  8. Paste Your API Keys in Webfactory's Hub
    • Return to the Webfactory Hub tab and paste your 'Publishable API Key' and 'Secret API Key' into the respective fields.
  9. Save Changes
    • Once both keys are entered, click 'Save Changes' or similar to apply these changes to your website.
  10. Important Notice
    • 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.

Related articles