...
Email Field: Move the email input to the top of your checkout UI, as it drives all Fastlane functionality. This prevents users from unnecessarily filling out information before Fastlane autofill kicks in.
Shipping and Billing Information: Replace existing address blocks with Fastlane components, as Fastlane provides pre-filled shipping and billing details, similar to Apple Pay or Google Pay.
Payment Information: Wrap existing payment inputs in a Checkout Condition, since Fastlane provides its own payment options, allowing users to select cards on file.
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Important Note on CJSON Files: Look for these blocks as you go through the article This article includes downloadable CJSON files within each step to simplify your setup. As you proceed through each step, look for these CJSON file blocks. If you're unsure how to structure or format content using the visual builder, simply download the provided CJSON file and upload it directly into your custom checkout. This will automatically apply the correct formatting, styles, and structure needed.
|
...
Fastlane Setup Instructions
...
Include Additional Info: No
...
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Download StoreFronts CJSON structure to import into your Custom Checkout
|
...
Step 5: Wrap Billing Fields or Toggles in Checkout Condition
Billing information is typically provided by Fastlane, so hide but there may be rare cases where a customer authenticates with Fastlane but doesn't have a credit card on file. Therefore, two conditional statements are required to properly wrap any billing address fields or "billing address different" toggles when Fastlane is authenticated.
First Checkout Condition Settings:
Matches: Yes
Condition: PayPal Fastlane authenticated
Second Checkout Condition Settings:
Matches: No
Condition: PayPal Fastlane authenticatedcard available
...
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Download StoreFronts CJSON structure to import into your Custom Checkout
|
...
Step 6: Wrap Credit Card Fields in Checkout Condition
...
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Download StoreFronts CJSON structure to import into your Custom Checkout
|
| Note |
|---|
Important! You can only have one set of credit card fields active on your checkout at a time. Either replace your current credit card fields with these provided in the CJSON file or remove your existing credit card fields before activating your updated custom checkout. |
...
Step 7: Add Fastlane Credit Card Element
...
These steps may vary slightly based on your checkout's customization level, but they outline the essential structure for integrating PayPal Fastlane into your custom checkout process smoothly.
Related Articles
...