InLine Checkout Guide

Overview

The InLine Checkout is a simple and straightforward interface that follows the latest conversion optimization best practices, removing any distracting elements during your customers' ordering process.

2Checkout makes available in merchant cPanel two inline checkout flows that you may choose from, a One-Step and a Multi-Step InLine cart, depending on the shopping experience you want your customers to benefit from via this iFrame.

• One-Step InLine offers customers a seamless shopping experience by enabling them to select a payment method, review the entire order and finally place the order in only one step.
• Multi-Step InLine offers a different checkout experience, in multiple steps, by allowing your customers to review their billing, shipping, and payment information before placing the order.

Recommended resources

Availability

InLine Checkout is available for accounts that have ConvertPlus enabled on their account. Contact the 2Checkout Support Team for activation.

Requirements

2Checkout merchants who already have the new InLine shopping cart enabled can generate buy links for the optimized purchase flow from the 2Checkout Control Panel.

Generate buy links

Follow the steps below to generate buy links for your products using the new shopping cart.

1. Login to the 2Checkout Merchant Control Panel.
2. Go to Setup -> Generate links.
3. Click the Inline Checkout tab in the Checkout Links area.
4. Select the products you want to generate checkout links for. In case you are using dynamic products, read the instructions from this article.
5. Choose the product quantity.
6. Click on Generate link.
7. Copy the generated link and add it to your website.

Test buy links

You can test the link before adding it to your website in multiple ways:

• Copy the link and paste it into your browser’s address bar.
• Click on Test link to open it in a new browser tab.
• Scan the QR code with a smartphone app to view the checkout page on a mobile device.

Supported payment methods

InLine Checkout supports the following payment methods:

• Credit/debit card
  • Visa
  • Visa Electron
  • MasterCard
  • Maestro
  • American Express
  • JCB
  • Discover
  • UnionPay
• PayPal
• PayPal Express
• Bank/Wire transfers
• SEPA Direct Debit
• iDEAL
• Boleto/Pix
• Credit cards with installments
• Apple Pay
• Alipay

The InLine Checkout is optimized to display popular payment methods based on shopper location. This makes it easier for customers to complete a purchase using their favorite payment method, which will result in a higher conversion rate for you.

Purchase flow

The checkout experience is ensured by a one-page checkout flow that enables shoppers to quickly finalize their purchases without spending too much time in the shopping cart.

1. Shoppers add the products to their cart.
2. Once they reach the shopping cart they can select product options/plans and add a coupon code (if applicable).
3. They select the payment method.
   
   • If they choose to pay by card, they enter the billing and card information and finish the payment.
   • If they choose to pay through PayPal, 2Checkout automatically takes them to PayPal’s login page where they have to agree and continue with the payment. Afterwards, the shoppers will be redirected to the 2Checkout shopping cart to complete the purchase.
   • If they choose to pay through bank/wire transfer, 2Checkout provides them with the required payment details so they can complete the transfer.
   • If they choose to pay through iDEAL, 2Checkout automatically takes them to the iDEAL page and they can complete the payment there.
   • If they choose to pay through Apple Pay, an Apple Pay payment sheet opens on top of the checkout page on their Apple device.
   • If they choose to pay through Alipay, they enter the billing information and then 2Checkout automatically takes them to the Alipay page where they can complete the payment.
4. 2Checkout redirects them to the Finish page.

InLine Checkout supported features

Given the continuous developing nature of this project, InLine Checkout currently supports a limited feature subset of the current shopping cart.

Refer to the feature list below to confirm the availability of the features that you are interested in.

How to integrate InLine Checkout

1. Find out what Inline Checkout is, its availability, and how to integrate into your checkout flow. 

2. How to integrate Inline Checkout into your web store.

3. Read here a full list of Inline Checkout features that are currently supported. 

4. After integrating the Inline Checkout with your web store, you are ready to simplify the checkout experience and enable your customers to place orders only by confirming their payment information.

5. After you integrate the Inline Checkout JavaScript code in your website application, you get access to the library that allows you to add products, control billing and shipping details and start the checkout process. 

6. Learn how to subscribe/unsubscribe to Inline shopping cart events.

7. How to add a catalog product to the Inline Checkout.

8. How to add a dynamic product to the Inline Checkout.

9. How to set a custom price for catalog products in Inline Checkout.

10. How to set the billing details for the Inline Checkout.

11. How to set cart lock in the Inline Cart.

12. How to set a pricing option for catalog products.

13. How to set the return method in Inline Checkout. 

14. How to set test orders in Inline Cart.

15. How to set the shopping cart currency in the Inline Checkout.

16. How to set the shopping cart language in the Inline Cart.

17. How to set the customer reference in the Inline Checkout.

18. How to set the item external reference in the Inline Checkout.

19. How to set the order external reference in the Inline Cart.

20. How to set sale source in the Inline Cart.

21. How to set a pricing option for dynamic products in Inline Cart.

22.  How to set shipping details in Inline Cart.

23. How to test adding a product coupon to the Inline Checkout.

24. How to test adding product coupons to the Inline Checkout.

25. How to add a digital catalog product with regular auto-applied promotion and manually applied order promotion.

26. How to add a digital catalog product with auto-applied order promotion.

27. How to add a digital dynamic product with dynamic coupon.

28. How to add a physical dynamic product with dynamic shipping, dynamic taxes, and dynamic coupon.