Front-End Implementation

This outlines the steps for integrating Yotpo Loyalty into the front-end of the website.

1. Confirm Front-end Requirements: The merchant initiates the process by confirming their front-end requirements.

2. Select Loyalty Module: The merchant collaborates with the Yotpo team to choose appropriate loyalty modules and configure them to match their needs. These modules may have some default styling options.

3. Custom Front-end Development: In cases where the default modules have limitations or don't fully meet the requirements, custom front-end development is performed. This involves creating tailored solutions for specific design or functionality needs.

In summary, the process begins with requirement confirmation and proceeds with the use of Yotpo's Loyalty modules, followed by custom front-end development as necessary to address any limitations or unique design requirements.

Webpages with Reward Touchpoints

Specific sections of the website will feature touchpoints related to rewards. Please keep these pages in mind when creating the mock-up for the user experience of your online loyalty program. These include, but are not limited to, the following:

Implemented with Yotpo Embeddable Modules

• Rewards Summary Page

• Account Sign-Up & Sign-In

• Rewards Redemption Landing Page

There are two Yotpo modules that allow customers to redeem points and thus turn their points into Apparel21 Gift Vouchers:

• Yotpo "Redeem" In-Store Module can be used out-of-the box

• Yotpo "Redeem" Online Module is not compatible with this integration and will require front-end customisation. When points are redeemed online, a "custom reward" must be configured

Implemented with Checkout UI Extension (checkout upgrade is required)

• Apparel21 Gift Card Redemption at checkout (more info here)

Apparel21 Gift Voucher redemption must be possible at checkout. Either through DotApparel Core or another Apparel21 Connector. Talk to us if you need DotApparel Core installed for your Shopify store: [e-mail]