Configure Payment Gateway for Stripe

Each Payment Gateway has its own settings and requirements and must be configured individually. Follow this guide to configure your Stripe Payment Gateway. Configure this Payment Gateway per Project to connect your Payment Gateway to one specific Project at a time or configure this Payment Gateway for your entire VanillaSoft account and automatically apply the settings to any current or new Projects.

Note: If you have a Payment Gateway configured on an account level, then add a configuration to a specific Project, the Project level configuration will override the account-level configuration for that one Project. No other Projects will be affected.

Jump to a specific area of this article by selecting one of the sections here:

 

Configure Payment Gateway for your Entire VanillaSoft Account

  1. Log in to VanillaSoft as an Admin.
    Log_In_to_VanillaSoft.jpg
  2. From the menu at the top, select Account.
    Select_Account.jpg
  3. Select the Payment Gateway tab from the top menu.
    Account_-_Payment_Gateway.jpg
  4. Check the Enable a payment gateway to be setup for each individual Project checkbox if desired.
    Enable_payment_gateway_each_project.jpg
  5. Open the Payment Gateway drop-down and select Stripe.
    Select_Stripe.jpg
  6. Enter your Stripe Publishable key.
    Stripe_-_Publish_Key_-_Account.jpg
  7. Enter your Stripe Secret Key.
    Stripe_-_Secret_Key_-_Account.jpg
  8. Open the Currency drop-down and select either $, €, or £ as desired.
    Stripe_-_Currency_-_Account.jpg
  9. In the Optional Fields section, select which fields you would like to be Required and Visible.
    Optional_Fields.jpg
  10. Once done, click Save.
    Optional_Fields_-_Save.jpg

 

Configure Payment Gateway per Individual Project

  1. Log in to VanillaSoft as an Admin.
    Log_In_to_VanillaSoft.jpg
  2. Select the desired Project.
    Select_Project.jpg
  3. Open the Integration menu and select Payment Gateway.
    2022-02-11_14-07-36.jpg
  4. Open the Payment Gateway drop-down and select Stripe.
    Select_Stripe.jpg
  5. Enter your Stripe Publishable key.
    Stripe_-_Publish_Key_-_Account.jpg
  6. Enter your Stripe Secret Key.
    Stripe_-_Secret_Key_-_Account.jpg
  7. Open the Currency drop-down and select either $, €, or £ as desired.
    Stripe_-_Currency_-_Account.jpg
  8. In the Optional Fields section, select which fields you would like to be Required and Visible.
    Optional_Fields.jpg
  9. Once done, click Save.
    Optional_Fields_-_Save.jpg

 

Configure Page Layout

Once your Payment Gateway has been successfully configured, you will need to enable the CC Payment form to be used by the Callers. Follow these steps to enable the CC Payment form:

  1. Log in to VanillaSoft as an Admin.
    Log_In_to_VanillaSoft.jpg
  2. Select the desired Project.
    Select_Project.jpg
  3. Open the Page Layout menu and select Panel Layout.
    1.jpg
  4. Open the Available Tabs drop-down and select CC Payment.
    2.jpg
  5. Open the Panel drop-down and select which panel you would like CC Payment to appear.
    3.jpg
  6. Click Add.
    4.jpg
  7. Once done, click Save.
    5.jpg

Callers will now have the ability to select the CC Payment tab and accept payments into your Stripe account.

Related articles