Modular Checkout: How to configure a gift checkout?

When using the 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.

Screenshot 2024-02-06 at 08.57.59.png

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 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

Last updated

Was this helpful?