Design modules

Everything your customers see from Toki on your store — the wallet, the referral block, the checkout component, the wishlist button — is a module. The Design page lists all of them in one catalog, so you can see what's live, what isn't, and open any module to change how it looks.

Open the Design page

Open Design.
The Design Settings page opens.

From top to bottom, the page shows:

Part of the page	What it does
Language card	Sets the language your modules display in, with a Customize translations link. See Storefront language and Customize translations.
Search modules field	Filters the catalog as you type.
Published	Modules with a design your customers can see right now.
Unpublished	Modules you haven't published yet.

Inside Published and Unpublished, modules are grouped by where they appear on your store, for example Product Page or Checkout Page. A group only appears when it has at least one module in that state.

Published and unpublished modules

Each module can hold several saved designs, and you choose which one is published. A module sits under Published, with a green Published badge on its card, as soon as one of its designs is published. Until then it sits under Unpublished.

Publishing itself happens in the editor. See Design editor.

Find a module

Type part of a module's name in Search modules. The catalog narrows down as you type, the group headings stay so you can still tell where a module appears, and groups with no matching module disappear. Clear the field to see the full catalog again.

Edit a module

Every module card shows a preview image, the module name, and a short note on where the module appears, such as Embed on any page or Block on product page.

Find the module in the catalog.
Click Edit.

The module's editor opens full screen. That's where you change the design, save it, and publish it — see Design editor. Putting a module on your store is covered in Install modules on your storefront.

Module groups

The tables below follow the groups on the Design Settings page, in the same order.

Wallet + Rewards Page

Module	What it is
Wallet	Your customers' loyalty hub, shown as a pop-up on every page. It's where they sign in, check their balance, see rewards, ways to earn, and challenge progress, and browse their history.
Get Started	An image, a title, a short message, and a button that invite visitors to join your program.
Intro Header	A full-width header with a background image or video, a title, and a subtitle.
How it works	Numbered steps that explain your program, with an optional button.
Memberships Module	Shows your membership tiers as cards so customers can compare them. See Membership tiers.
Text with Image	A block of text next to an image, with the image on the left or the right.
Logo List	A row of logos under a title and a subtitle.
Two Block Explainer	A set of items, each with an image, a title, and a description.
Activities	Lists the ways customers can earn and shows which ones they've completed. See Create and manage rewards.
Challenges	Lists your challenges, the activities each one requires, and the prize.
Refer A Friend	Gives customers their referral link or code, with share buttons. See Referral rewards.
FAQ	Expandable questions and answers, with an optional button.
Product Redemption	Lets customers redeem products with their balance, based on their membership or on products you pick. See Redemption options.
Apple Pass Download Page	The page customers see while their Apple Wallet pass installs. See Wallet passes.
Custom	A block for content you build yourself. See Custom block.

Customer Account Pages

Module	What it is
Create Account	A sign-up and sign-in form for your loyalty program.
Your Status	Shows a customer's balance and progress toward the next membership, with optional sections for spending, perks, transaction history, referrals, and challenges.
Customer Account	Lists the quiz, poll, and survey activities you choose, so customers can answer them and earn.
Form Module	Shows the quiz, poll, and survey activities you choose as a form, with your logo, a title, and a submit button.

Product Page

Module	What it is
Spending Global	Lets signed-in customers turn their balance into a discount code to use at checkout.
Redemption	A button that opens a pop-up where customers sign in and unlock their discounts.
Paid Membership Buttons	Purchase options for a paid membership on its product page, with an optional savings label. See Paid memberships.
Gift Card Cart Button	A Send a Gift Card button on gift card products that collects the recipient's name and email, a delivery date, and a gift note. See Gift card products.
Reviews	Shows customer reviews on the product page. When a product has none, it can show reviews from other products instead.

Campaigns

Module	What it is
Gating	Locks a page so only customers with access can view it. Everyone else sees a pop-up that asks them to sign in.

Checkout Page

Module	What it is
Checkout UI Spending Component	Lets customers apply their store credit balance as a discount right in checkout.
Checkout UI Paid Membership Opt Out Component	A checkbox in checkout that lets customers add a paid membership to their order. You can hide it for chosen segments. See Paid memberships.
POS: Redemption	The redemption screen in Shopify POS, where staff see a customer's balance and status and redeem rewards in store. See QR codes and POS authentication.

Embeds

Module	What it is
Newsletter Sign Up Embed	A pop-up sign-up form that collects an email address, and a phone number when you ask for one, and offers a reward for the customer's first order.

Wishlist

Module	What it is
Wishlist Button	An Add to wishlist button for product pages. It switches to In wishlist once the product is saved.
Wishlist Block	Shows a customer the products they've saved.

Custom block — the Custom module in detail.
Customize translations — change the wording modules use in each language.
Design editor — change a module's design, keep several variants, and publish.
Install modules on your storefront — put a published module on your store.
Storefront language — the language card at the top of the Design page.