Loyalty with Storefront Pro

When customers create an account in Storefront Pro, they’re automatically enrolled in a free loyalty program. There’s no option to opt out. When creating the account, customers are redirected to a service that creates their account. After it is created, this service sends them back to the storefront, logged into their loyalty account.

note

For paid memberships, your sign-up flow must include a way for customers to link or purchase a paid membership.

User journey

When a customer signs up, they are redirected to your identity provider who creates an account. After the account is created, the customer is returned to the storefront to continue shopping.

Example workflow

1. The customer selects Sign In or Sign Up. They are redirected to your identity provider. For more information, see Retailer single sign-on.
2. The customer submits the required information to create their account. The identity provider generates a unique loyalty account using the customer’s phone number as the identifier.
3. The customer is redirected back to the storefront to continue shopping. Loyalty discounts are automatically applied at checkout.

Loyalty program page

You can create a page to display your loyalty program details.

The following image shows the assets and text that can appear on the loyalty program page:

1. Background image
   • Mobile: 1425x402 pixels
   • Desktop: 1000x310 pixels
2. Icon
   • Mobile: 84x84 pixels
   • Desktop: 110x110 pixels
3. Name of the loyalty program
4. Primary text
5. Field for customer's phone number to display or a barcode to display
6. Secondary text with up to two hyperlinks
7. Benefits, each with:
   • Icon: 192x192 pixels
   • Name: Approximately 36 characters
   • Description: Approximately 64 characters
8. Legal disclosure with up to two hyperlinks

Barcode on the program page

You can show the customer's loyalty account number as a barcode, allowing them to scan it while shopping in-store.

Navigation

You can link to your customer’s loyalty program page from the navigation in the app. For more information about the navigation link options, see Navigation.

Loyalty points

Loyalty points are rewards from a loyalty program. Depending on the loyalty provider that is integrated, customers can earn points, view their points balance, and redeem points for rewards on the loyalty or rewards page.

note

Loyalty points are currently not supported with Inmar.

Customers can redeem points for Dollar off basket discount offers only. For example, customers can use 1,000 points to get $10 off their basket. For information about Dollar off basket discount offers, see Basket discount offers.

Redeemed points are automatically applied during the checkout process. Discounts from points are reflected on the order status and receipts pages.

The following images show how loyalty points are displayed on the loyalty or rewards page:

1. Points balance on the Rewards page.
2. Access loyalty barcode.
3. Redeem points to save on future orders.
4. View points history.

Rewards history

The Rewards history page displays past transactions including the following details:

• Date of transaction
• Points earned and redeemed
• Category of the purchase (such as, groceries), if available
• Expiration date, if available

The following image shows an example of a Rewards history page:

If your customers can't view the Rewards history page, contact your Instacart representative.

Banners

To promote your loyalty program, create primary and secondary banners that link to your external loyalty program page. Banners are displayed to all customers, regardless of loyalty status. For more information, see Creatives.

Collections

To advertise savings for loyalty customers, define the loyalty pricing, promotions, or coupons, and then create collections that contain those items. For more information, see Collections.