Link by Stripe
Link autofills your customers’ payment information to create an easy and secure checkout experience.
Link enables customers to save their preferred payment methods to their account and access those credentials at any of the hundreds of thousands of Link-enabled businesses. For your business, this means a fast, streamlined, and better-converting checkout experience.
Gateway Setup
Configure a standard Stripe gateway
Funnel Setup
Go to any funnel. Settings > Payments > Alternate Payment Methods. Choose the Stripe gateway for Link. Save.
Checkout Page Setup
There are 2 options for checkout page design. Explore carefully to choose the best option for you.
Link requires customization of the checkout page. Choose one of our Link checkout page templates to obtain these customizations automatically. Make the modifications manually on all other checkout pages. If Link is not working as expected then first verify each of these requirements is in place on the page.
Option 1: Stripe is the only card checkout on the page
Link can process direct credit cards using its standard web components which are displayed on page load.
This option is compatible with other payment providers, such as PayPal and Apple Pay, that do not require address entry on the page. Any provider that requires address entry on the page is not compatible with this option. Consider Option 2 below.
Edit a checkout page
Drag a Box element onto the page. Give it class cc-stripe-link-email. This element replaces the standard email address input. Remove any other email inputs on the page.
Remove phone number input from the page
Remove all shipping address inputs from the page. Add a Box element in place of shipping inputs. Give it class cc-stripe-link-shipping.
Remove all billing address inputs from the page. Add a Box element in place of billing inputs. Give it class cc-stripe-link-billing.
Remove card inputs, payment option elements and all payment buttons on the page. Add a Box element on page in place of card inputs. Give it class cc-stripe-link-payment.
Replace the standard checkout Submit button with the Link payment button. You may drag on a new Link payment button or simply go to the existing button Settings and change Type to Link. In either case, add the class "cc-stripe-link-submit" to the Link button.
Save
Exit the page builder
On the arrow leaving the checkout page, choose the Link payment button
Publish the funnel
Option 2: Allow card checkouts on non-Stripe gateways
If you choose to process direct credit card payments with non-Stripe gateways then Link becomes a checkout option for the consumer. This is similar to Klarna, Apple Pay, Google Pay, etc. This option involves an extra button click for the consumer to choose Link.
This option is compatible with all other payment providers
This option is compatible with PayPal Fastlane. Add the proper classes as defined in Option 2 of Fastlane instructions. Some elements will have both Fastlane and Link classes.
Edit a checkout page
Place a Link button on the checkout page. Go to Blocks > Buttons > drag Link to the page.
Drag a standard button onto the page near the Link button. Add class cc-stripe-link-cancel to the button. This button is used to cancel Link checkout.
Place a Box element on top of the page near the email address input . Give it class cc-stripe-link-email.
Find the shipping address inputs on the page. Find the parent element to those inputs. Drag a Box element onto the page just above the parent element (not inside the parent element). Add class cc-stripe-link-shipping to the box.
Find the billing address inputs on the page. Find the parent element to those inputs. Drag a Box element onto the page just above the parent element (not inside the parent element). Add class cc-stripe-link-billing to the box.
Find the card inputs on the page. Find the parent element to those inputs. Drag a Box element onto the page just above the parent element (not inside the parent element). Add class cc-stripe-link-payment to the box.
Add class cc-stripe-link-hide to the parent element of email address input, phone number input, shipping inputs, billing inputs, all other payment options and buttons, and any billShipSame checkbox. This may be multiple parent elements. Add the class to each. Do not add the class to the parent of the main checkout button or link.
Save
Exit the page builder
On the arrow leaving the checkout page, choose the the standard checkout Submit button
Publish the funnel
Last updated