Skip to main content

Checkout UI

OTP verification for VIP members at checkout

Updated over a month ago

Checkout UI

Enhance your Shopify checkout with OTP verification, countdown timers, loyalty redemption, and membership features - right in the checkout flow.

Checkout UI Overview

Requires: Shopify Plus with Checkout Extensibility


What You'll Get

  • OTP verification - Identify VIP members at checkout

  • Loyalty redemption - Let customers redeem rewards during checkout

  • Checkout countdown - Create urgency with a timer

  • Membership agreement - Require acceptance before purchase


Quick Setup

Step 1: Enable Checkout Extensibility

In your Shopify admin, enable Checkout Extensibility for your store.

Step 2: Add Subscribfy Blocks

  1. Go to Online StoreCustomize checkout

  2. Add the Subscribfy blocks you want to use

  3. Save your checkout customization

Step 2: Add Subscribfy blocks

Step 3: Configure in Subscribfy

Go to SubscribfySettings to configure each checkout feature.


Checkout Countdown

Add a countdown timer to your checkout page to create urgency and encourage customers to complete their purchase.

How to set up:

  1. Enable Checkout Extensibility in Shopify admin

  2. Go to Online Store → Customize checkout

  3. Add the Subscribfy countdown block

  4. Configure timer duration

  5. Save


OTP Verification

Identify VIP members at checkout so they can access their benefits (store credits, loyalty points, member discounts).

How It Works

  1. VIP member reaches checkout

  2. OTP widget appears

  3. They enter their email or phone

  4. They receive a verification code

  5. They enter the code to verify

  6. Their member benefits are applied

OTP Settings

Go to SubscribfySettingsOTP

Twilio SMS Account SID

Your Twilio account identifier for SMS

Twilio SMS Account Token

Your Twilio account token

Twilio SMS Service GID

Your Twilio messaging service ID

SendGrid API Key

Your SendGrid API key for email verification

Additional OTP Options

Enable separate widget

Show OTP widget separately from other checkout blocks

Require membership for login

Only allow OTP verification for members

Enable Multipass

Use Shopify Multipass for seamless login

Enable Email Template

Customize the verification email

Enable SMS Template

Customize the verification SMS


Loyalty at Checkout

Let customers view and redeem their loyalty rewards directly in the checkout flow.

My Rewards Tab

Shows rewards the customer has already redeemed and can apply

Redeem Rewards Tab

Lets customers spend points to get new rewards

Points Banner

Displays current points balance


Membership Agreement

Show a checkbox at checkout that customers must check before purchasing a membership.

How to set up:

  1. Go to Subscribfy → Settings

  2. Enable Membership Agreement

  3. Add the Subscribfy block to your checkout customization

  4. Save

Customers must check the box to agree to membership terms before completing their purchase.


Troubleshooting

Checkout blocks not showing?
Verify Checkout Extensibility is enabled in your Shopify admin. Check that you've added the Subscribfy blocks to your checkout customization.

OTP not sending?
Verify your Twilio credentials are correct. Check that SMS/email templates are enabled.

Members not recognized?
Ensure the customer is using the same email as their membership. Check that OTP verification completed successfully.


Contact support

Did this answer your question?