Modular Checkout: How to configure a gift checkout?

When using the Modular Checkout to sell your gift subscription, it’s crucial to use the specified subcomponents with their necessary Limio Field names. This ensures that your gift order processes smoothly and reaches its destination without any hiccups.

There are two checkouts you will want to create:

• The checkout that the gift purchaser will use to buy the gift

• The checkout that the gift recipient will use to redeem the gift

1. Create the gift checkout for the purchaser (gift purchase)

Let's start by configuring the checkout for the initial gift purchase. Create a new checkout called Gift Purchase Checkout with a link such as /gift-purchase-checkout.

For gift checkout, you can use an unauthenticated checkout to reduce friction. If you are on release 104 or above, you should use anonymous authentication for this page.

First, you will want to capture the gift purchaser details in the checkout. Use the following subcomponents:

Subcomponent name	Limio field name	Type	Required
LimioFormText	N/A	N/A	No
LimioEmailNameField	N/A	N/A	Yes
LimioFirstNameField	N/A	N/A	Yes
LimioLastNameField	N/A	N/A	Yes

Screenshot 2024-02-06 at 09.04.48.png

Second, you will need to capture the gift recipient details in the checkout. Use the following:

Subcomponent name	Limio field name	Type	Required
LimioFormText	N/A	N/A	No
Field	recipientDetails.firstName	Input	Yes
Field	recipientDetails.lastName	Input	Yes
Field	recipientDetails.email	Email or Input	Yes
Field	recipientDetails.startDate	Date	No
Field	recipientDetails.message	Textarea	No

Screenshot 2023-10-04 at 11.06.40.png

Third, you will need to add the other typical components of the checkout, such as the payment and T&Cs.

2. Create a gift redeem checkout for the recipient (gift redemption)

Now, we need to allow users to redeem their gift. This checkout is usually required to capture the gift recipient's location for tax purposes, and can be used to capture additional data on your new customer.

Set a up redeem checkout using the Modular Checkout Set up a URL such as /gift-redeem-checkout and set the page to authenticated. It will look like this:

Screenshot 2024-02-06 at 09.08.30.png

The gift redeem checkout above can be recreated with the following:

Subcomponent name	Limio field name	Type	Required
LimioFirstNameField	N/A	N/A	Yes
LimioLastNameField	N/A	N/A	Yes
LimioCountryField	N/A	N/A	Yes
LimioStateField	N/A	N/A	Yes
LimioPostCodeField	N/A	N/A	Yes