> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nudj.cx/llms.txt
> Use this file to discover all available pages before exploring further.

# Checkout & Customer Accounts

> Let shoppers redeem points at checkout, deliver free-product reward discounts, and add a loyalty block to your storefront and customer account pages.

Beyond your storefront pages, Nudj extends two more Shopify surfaces: the **checkout** and the **customer account** area. Checkout uses Shopify's official checkout UI extensions and discount functions; the account surface is a Nudj theme block you add through the theme editor.

## Redeem points at checkout

Add the **Nudj Redeem Points** block to your checkout so shoppers can spend their points for a discount without leaving the checkout flow. When a signed-in shopper has enough points to redeem, the block shows a slider to apply a points-based discount to their order.

<Info>
  **Requires Shopify Plus.** The redeem-at-checkout block is a Shopify *checkout UI extension*, and Shopify only allows apps to add blocks to checkout on **Shopify Plus** plans. On non-Plus stores the option won't appear in the checkout editor — use the [storefront widgets](/shopify/storefront-widgets) and [customer-account block](#add-a-loyalty-block-to-customer-accounts) to surface redemption instead.
</Info>

<Steps>
  <Step title="Open your checkout editor">
    In your Shopify admin, go to **Settings → Checkout**, then **Customize** your checkout.
  </Step>

  <Step title="Add the Nudj Redeem Points block">
    Add the **Nudj Redeem Points** block where you want it in the checkout layout.
  </Step>

  <Step title="Save">
    Save the checkout. Shoppers with a redeemable points balance now see the redeem slider at checkout.
  </Step>
</Steps>

<Note>
  Showing the points a shopper will *earn* on an order, and awarding points based on order value, are both part of **Points for Spend**, which is [coming soon](/shopify/points-for-spend). The redeem-at-checkout block above is independent of that and works today — it lets shoppers spend points they already have.
</Note>

## Free-product rewards

When a reward grants a free product, Nudj delivers it through a Shopify **discount function** that applies at checkout. This needs a one-time setup so Shopify knows to apply it:

<Steps>
  <Step title="Enable the Nudj free-product discount in your store">
    In your Shopify admin under **Discounts**, make sure the Nudj free-product discount is active. This lets Nudj grant the configured product for free when a qualifying shopper reaches checkout.
  </Step>

  <Step title="Configure the free-product reward">
    Set up the reward itself in the Nudj app — see [Rewards](/shopify/loyalty-program#rewards). Pick the product the reward grants.
  </Step>

  <Step title="Test it">
    Earn and claim the reward as a test shopper, then check the free product is applied at checkout.
  </Step>
</Steps>

## Add a loyalty block to customer accounts

Nudj ships a **Loyalty Account block** that shows a shopper their points balance, tier, and gamification stats. You add it through the Shopify theme editor — the same way you add the [storefront widgets](/shopify/storefront-widgets) — and place it where your theme supports app blocks, including customer account pages.

<Steps>
  <Step title="Open the theme editor">
    In your Shopify admin, go to **Online Store → Themes**, then **Customize**.
  </Step>

  <Step title="Add the Loyalty Account block">
    Navigate to the page you want it on, select **Add block**, and choose the Nudj **Loyalty Account** block.
  </Step>

  <Step title="Position and save">
    Drag it into place and select **Save**.
  </Step>
</Steps>

When a shopper first interacts with Nudj, a short linking flow connects their Shopify customer to their Nudj loyalty profile, so points, rewards, and achievements all line up with the right person.

## See your members

The Nudj app includes a **Members** page — a merchant-facing view of your linked Shopify customers with their loyalty stats (points, tier, recent achievements). Use it to spot your power users or check a specific customer's status.

## You're all set

That's the full setup — install, programme, storefront, and checkout. Head back to the guide to review any step, or see what's [coming soon](/shopify/points-for-spend).

<a href="/shopify" className="not-prose group flex items-center gap-4 rounded-xl border border-gray-200 px-5 py-4 no-underline transition-colors hover:bg-gray-50 dark:border-white/10 dark:hover:bg-white/5">
  <Icon icon="shopify" />

  <span className="flex grow flex-col">
    <span className="font-semibold text-gray-900 dark:text-white">Back to the Shopify guide</span>
    <span className="text-sm text-gray-500 dark:text-gray-400">The Nudj for Shopify overview, with every section in one place.</span>
  </span>

  <Icon icon="arrow-right" className="shrink-0 transition-transform group-hover:translate-x-1" />
</a>

> Last reviewed: 2026-06