Fastlane

Fastlane | Pay Securely Without Passwordspaypal

PayPal Commerce Setup

Go to funnel Settings > Merchant Accounts > choose the PayPal Commerce account. Enable referenceTransactions. Verify that vaultEnabled is enabled. These 2 options are required for Fastlane.

Funnel Setup

Go to any funnel. Settings > Payments > PayPal. Choose the PayPal Commerce gateway and enable Fastlane. Fastlane is compatible with the other PayPal setup options. Save.

Checkout Page Setup

There are 2 options for checkout page design. Explore carefully to choose the best option for you.

Fastlane requires customization of the checkout page. Choose one of our Fastlane checkout page templates to obtain these customizations automatically. Make the modifications manually on all other checkout pages. If Fastlane is not working as expected then first verify each of these requirements is in place on the page.

Option 1: PayPal is the only card checkout on the page

PayPal can process direct credit cards in addition to venmo, pay later, and standard PayPal. If you use the PayPal gateway for direct credit card payments then you can save your customers an extra click with Fastlane. The Email Address input will be open for Fastlane on page load.

1. Place the Email Address input near the top of the page. This should come before address and phone.

2. Drag a Box element onto the page below Email Address. Set id=cc-fastlane-watermark. This element is used to show the Fastlane messaging.

3. 
4. Drag a standard button onto the page. Give it class cc-fastlane-profile. This button should be near Email Address. This button is used to trigger email lookup at Fastlane.

5. 
6. 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). Give the box class cc-fastlane-shipping.

7. 
8. Add class cc-fastlane-member-hide to the parent element of shipping inputs, billing inputs, and any billShipSame checkbox. This is likely to be multiple elements. Add the class to each.

9. 
10. Remove any card inputs from the page (cardNumber, expiry month, and cardSecurityCode)

11. Drag a Box element onto the page where the card inputs previously existed. Set id=cc-fastlane-payment.

12. 
13. Find the Checkout button on the page. Add class cc-fastlane-submit to the button.

14. 
15. Save

16. Exit the page builder

17. Publish the funnel

Option 2: Allow card checkouts on non-PayPal gateways

If you choose to process direct credit card payments with non-PayPal gateways then Fastlane 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 Fastlane.

1. Place a Fastlane button on the checkout page. Go to Blocks > Buttons > drag Fastlane to the page.

2. Place the Email Address input near the top of the page. This should come before address and phone.

3. Drag a Box element onto the page below Email Address. Set id=cc-fastlane-watermark. This element is used to show the Fastlane messaging.

4. 
5. Drag a standard button onto the page. Add class cc-fastlane-profile to the button. This button should be near Email Address. This button is used to trigger profile lookup at Fastlane once email is entered on the page.

6. 
7. Drag a second standard button onto the page. Add class cc-fastlane-cancel to the button. This button should be near Email Address and the button in step 4. This button is used to cancel Fastlane checkout.

8. 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-fastlane-shipping to the box.

9. Add class cc-fastlane-member-hide to the parent of shipping inputs, billing inputs, and any billShipSame checkbox. This may be multiple elements. Add the class to each.

10. Clone (duplicate) the credit card payment option element

11. Set radio value to "PAYPAL_FASTLANE" for the cloned element

12. Add class cc-fastlane-show to the cloned element

13. Remove any card inputs from the cloned element (cardNumber, expiry month, and cardSecurityCode)

14. Drag a Box element inside the cloned element where the card inputs previously existed. Set id=cc-fastlane-payment.

15. 
16. Save

17. Exit the page builder

18. On the arrow leaving the checkout page, choose the button suffixed with "-PAYPAL_FASTLANE" to route the Fastlane checkout.

19. Publish the funnel