Storefront integration options
With storefront integration, you can deliver a seamless and unified customer experience by embedding checkout and order management directly into your application or website. It allows you to customize the storefront to match your brand, enable in-app purchases and ensure a smooth shopping journey and exceptional customer experience.
The following storefront integration options are available:
Full-page storefront
Full-page storefronts include checkout, order, and self-service features that customers are redirected to after clicking an action button. You and your partners or affiliates can easily integrate the Cleverbridge-hosted UI into your front-end through links. This integration provides access to the complete range of storefront features, helping to maximize conversion rated and boost sales revenue.
For information on how to integrate the full-page storefront, see Full Page Integration.
In-app storefront
In-app storefronts provide checkout, order, and other self-service features within an iFrame in your software, enabling customers to complete purchases, upgrades, or checkouts directly in the application. This eliminates the need to switch to a browser and reduces friction.
For information on how to integrate the in-app storefront, see In-App Integration.
Pop-up storefront
Pop-up storefronts feature checkout, order, and other self-service functions that pop up on your webpage when a customer clicks an action button. Pop-up checkouts let you host an integrated cart on your webpage while using the Cleverbridge platform to handle payment collection and transaction processing. They also provide a streamlined, minimalistic Cleverbridge checkout experience directly on your site.
For information on how to integrate the pop-up storefront, see Pop-Up Integration.
Embedded storefront
Embedded checkouts let you host an integrated cart on your webpage while using the Cleverbridge platform to manage payment collection and process transactions. They also offer a seamless, minimalistic Cleverbridge checkout experience directly on your site.
For more information on how to integrate the embedded storefront, see Embedded integration.
Test your checkout pages
Before launching your checkout pages, we recommend conducting end-to-end testing in the cart using our test credit cards. Test credit cards can be configured for individual users in Commerce Assistant (CA) within the User portal under General > Test credit card number.
When testing the cart, it's not necessary to use a real address. You can also enter a random month, year, and security code for the test credit card.
Testing the cart helps to solve any issues that might arise with:
- Product setup
- Formatting and HTML
- Languages
- Pricing
- Payment options
- Notifications
- Recommendations
- Promotions
- Product variations
- Parameters
During cart testing, all links contain a unique identification code for security purposes. This code ensures that only your company or individuals with the specific link can access the checkout pages, while others are denied access. Before going live, you must remove the code.
You can find the code in CA under Account Setup in the Cleverbridge Identification field. It is automatically generated during account setup and appears as a string of characters with the URL name cb_ident.
cb_ident=xyz123 is added to the URL query string.
Go live with your checkout pages
When you're ready to go live with your checkout pages, complete the following steps:
- Contact Client Experience to communicate your readiness to go live.
- In Account Setup of CA, in the Cleverbridge Identification field, remove the security code.
- Generate new, final, go-live links.
- Place links on your website.
Make sure you don't use links with a session ID because these links will only be available for a short timeframe.