Setup a Stripe Account & get the API Key
To get a stripe account simply go to stripe.com and register for a new account here. Then login and go to Dashboard > API or follow this link. Here you will see a publishable & a secret API key. We will need both, so copy both of them, or leave the tab open.
Settings Panel
First you should make sure you can see the stripe settings panel. If you can not see the menu on the right image please make sure you have installed the Redux Framework & Contact Form 7 plugin.
General Stripe Settings
In the General stripe settings you should first set your Company name and a logo in square image format.
Then you need to paste the before created Stripe API Keys. First the Publishable Key, and then the secret Key.
![cf7 stripe general settings](https://www.welaunch.io/en/wp-content/uploads/sites/8/2017/08/cf7-stripe-general-settings-1024x821.webp)
Stripe Payment Options
Globally you can set different Stripe payment options.
- Validate Postal Code (ZIP)
Specify whether Checkout should validate the billing postal code.
We highly recommend setting to true. - Collect Billing Address
Specify whether Checkout should collect the user’s billing address. - Collect Shipping Address
Specify whether Checkout should collect the user’s shipping address. - Allow Remember me
Specify whether to include the option to “Remember Me” for future purchases. - Accept Bitcoins
Specify whether to accept Bitcoin. - Send Mail
Check how you want the CF7 mail to be sent out. - Payment Successful
What should happen when a successful payment has been made. - Currency*
See: Stripe Currency Reference - Return (success) URL
- Cancel (error) URL
![stripe payment options](https://www.welaunch.io/en/wp-content/uploads/sites/8/2017/08/stripe-payment-options-1024x933.webp)
Advanced Settings
In the advanced settings you can add custom CSS or JS.
Create your Form
Go into your Admin panel > Contact > Add new to add a new contact form.
Then you will see a new button on the top called “Stripe Button”. Click this button create a stripe button inside the form.
![cf7 stripe form tag handler](https://www.welaunch.io/en/wp-content/uploads/sites/8/2017/08/cf7-stripe-form-tag-handler.webp)
When you want to insert the stripe button you have to set some values:
- Label
Or: Button text
Example: Pay with Stripe - Item Description
Or: Button text
Example: Pay with Stripe - Amount
Or: Costs of the product in cents!
Example: 1000 => 10 € - Item currency (3 digit ISO code)
Example: eur
See: https://stripe.com/docs/currencies - Class attribute
Example: full-width
After filled out just click on insert tag e voila: You have a button on the contact form called “Pay with Stripe”.
![example stripe button tag in contact form 7](https://www.welaunch.io/en/wp-content/uploads/sites/8/2017/08/example-stripe-button-tag-in-contact-form-7.webp)
i would like to integrate Paypal and Stripe in contact form 7 :
I think this plugin can suit me but i would like first to speak to an operator agent is it possible ?
i need to make sure that this plugin will work for me
hpping to hear from you …
The Real Person!
You can comment here or contact our support at [email protected].