MUST READ
This feature will allow you to take any payment method offered by Stripe, for both single and recurring payments (when available) in place of a credit card. It is a four step process for your customers.

1. First, we need to know what to charge your customers for. So you can either
   1. You send your customers to a regular Ontraport payment form, except on this page you will be using the Dummy Gateway, and the credit card information will be pre-filled with the test card and hidden, ensuring that a transaction is created in Ontraport every time this form is submitted.
   2. You generate a transaction in Ontraport using our Log Transaction magichook to generate an invoice
   3. You use an existing invoice in an unrelated contact to build the transaction (in this scenario leave the "Set Transaction Statuts" field to empty in the module). This is by far the easiest method.
2. Once you have an invoice, you must send your contact to a page where the URL looks like this : pay.mysite.com/page?contact_uid=&invoice_id= (or if he is cookied, use Merge Field data)
3. On this page, you will have the shortcode ['Stripe token=%Your Token% contact=[Contact Unique ID] invoice=[invoice_id]] which will load data from the invoice and the contact to generate a payment element
4. From there on, the initial transaction will be set to the status chosen within your module, and the client will be able to pay in one of the chosen method
5. Once that is done, we will :
   1. Update the status field to either success or failure
   2. store a Source Token (if available for the chosen method) in the chosen field within your Ontraport Account, and you will be able to charge that customer using that Stripe Source Token
   3. update the transaction to success if it was generated within the paying contact
   4. Otherwise we will log the transaction inside that contact

1. Create two text fields in the Contact Record
   1. One will be used to store the transaction result
      
   2. One will be used to store their token (so you can recharge their payment method)
      
2. Go to the payment methods page and activate the payment methods you want (some take a while)
   
3. You may want to look at payment methods specifics here. For example you need to register your domain if you plan to use Apple Pay
4. Prepare the thank you page to send people to after successful payment, you will need the URL when setting up your module
   

1. Log into your Stripe account and click this link : https://dashboard.stripe.com/apikeys
2. Click "Create Secret Key"
3. Now that your key is created save it somewhere safe

Step 2 : Start a new Stripe Module
Make sure you have a created a Stripe Module here to get your Token : https://app.clickfix.io/stripe/.
Note that in your Stripe Module, you should only select the payment methods you have available here : https://dashboard.stripe.com/settings/payment_methods

Step 3 : Add the Stripe Webhooks

In order to let Stripe know if your transactions go through you must :

1. Log into Stripe and go to this link : https://dashboard.stripe.com/account/webhooks

2. Click “Add endpoint”

3. Copy this url in the “Endpoint URL” field :

(your token can be found at the bottom of your module within the ClickFix app)

4. Select “Select events to listen to” and check all the following:

   • payment_intent.succeeded
   • payment_intent.payment_failed
   • setup_intent.setup_failed
   • setup_intent.succeeded

5. Click “Add endpoint”.

Within your ClickFix module you will find a shortcode with a token like this :

['Stripe
token=your_token contact= invoice=]

• button-css="css.." - Styling for the button
• button-css:hover= - Button style on hover
• button-css:active= - Button style on active state
• error-css= - Styling for error text
• error-css:hover= - Error text style on hover

Those support full CSS.

Example : ['Stripe token=token contact=unique_id invoice=invoice_id button-css="padding: 5px 20px; border-style: none; border-width: 1px; border-radius: 4px;background-color: var(--primary-color); cursor: pointer; color: var(--white-color);font-family: 'Source Sans Pro', sans-serif; font-size: 18px;line-height: 25px;font-weight: 400;" button-css:hover="background-color: var(--complementary-color) !important;"]