Skip to content
  1. Platform
  2. Headless and Hydrogen
SDK from Smile Plus

Headless. Hydrogen, too.

Drop in the pre-built Smile UI panel with minimal code, or build a fully custom experience with the JavaScript SDK.

Book a demo

30 minutes with a loyalty strategist.

  • Ford
  • Billabong
  • Liquid Death
  • Quiksilver
  • Naturium
  • Eddie Bauer
  • Nine West
  • K-Swiss
  • ROKA
  • TP-Link
  • Fiesta Tableware
  • Hush Puppies
  • Blue Banana
  • Touchland
  • HIKOCO

+ thousands more on Shopify Plus

Everything a custom build needs. Nothing given up.

The SDK and Smile UI run on the same platform as the rest of Smile.

Four steps

From install to a live program.

The SDK does not rely on full page reloads, so nothing about your stack has to change.

  • A script tag, or the @smile-io/smile-js npm package
  • Customer tokens signed on your backend
  • One call preloads the data every page uses
JavaScript SDK

Build the loyalty experience your team designed.

Points balances, rewards, VIP status, earning rules and referral links, rendered in your own components.

  • No iframes, and no full page reloads
  • Redeem rewards and record custom activities

Read the SDK docs 

Smile UI

Or drop in the pre-⁠built panel and launcher.

Add the production rewards panel and launcher with a script tag, a customer token and one initialize call.

  • Styled from your Smile admin
  • Deep links open the panel from any menu or button
  • Load the JavaScript SDK alongside it with one flag

Read the headless guide 

Shopify Hydrogen

Every Hydrogen store is headless.

So Smile works there too, with a guide for what is specific to Shopify's stack.

  • The customer token from your root loader
  • Content Security Policy and client-side navigation
  • Validated on Hydrogen 2026.4 and React Router 7

Read the Hydrogen guide 

ROKA on Smile.

Customer story

Plan end-to-end with a headless integration and make sure that you have help at every step along the way.

ROKA

31%

higher purchase frequency, members vs. non-members.

ROKA’s loyalty program on Smile. Reviewed as of September 25, 2026.

Read the ROKA story 

Headless, answered.

A hand pulling the chest pocket zip of a black waterproof shell jacket, orange zip pulls at the collar.

Bring loyalty to the storefront you built.

  • The plan that fits your monthly orders
  • What migration and launch look like on that plan
  • The revenue loyalty could add at your scale