Clew

How to add a rating popup to a Shopify store without a developer

A step-by-step guide to a rating popup on Shopify: install one line, choose the scale and the threshold in the Clew editor, add the link to your public review page and decide when to ask — without touching the site’s code again.

Time
● 15 minutes
Price
14-day free trial, no card
Who does it
Store owner or staff with theme access

Example: a rating popup on Shopify

A tea shop on Shopify wants more reviews on its Google Business profile. Customers who come back to the store — on their second visit, on collection pages — get a card: “How was your last order?” with five stars. Happy customers see “Thank you! Would you tell others on Google?” and a button to the shop’s Google review link; unhappy ones tell the owner what went wrong. Everyone can still reach the review link.

Ask everyone, not only happy customers. Trustpilot’s and Google’s review rules and, in the US, the FTC rule on consumer reviews forbid inviting only satisfied customers to leave a public review (“review gating”). By default Clew shows the review link on both branches — to an unhappy visitor as a smaller link after the feedback box. You can switch that off only explicitly, and the editor warns that selective invitations break those rules and may be illegal in some countries. Use step 2 to hear the problem, not to hide it.

This format is part of the Pro plan. Every new account starts with a 14-day free trial with all formats and audience rules, no card required. When the trial ends nothing is deleted and published items keep showing; the Free plan keeps tours and tooltips free.

How to add the rating popup on Shopify, step by step

  1. Step 01

    Copy your Clew snippet

    Create a free account (or sign in), add your site and open Admin → Overview. Click the line in the “No signal from the widget yet.” card to copy it — it carries your real site key instead of the placeholder.

    <!-- Clew: replace PASTE_YOUR_SITE_KEY with the site key from Admin > Overview -->
    <script src="https://tryclew.io/widget/PASTE_YOUR_SITE_KEY.js" async></script>
    Clew admin Overview with the embed line and a masked site key (rating popup on Shopify)
    Step 1 · schematic illustration
  2. Step 02

    Open the theme code

    In Shopify admin go to Online Store → Themes, press … next to the live theme and choose Edit code.

    Settings paths to the head code field in popular builders, including Shopify theme.liquid (rating popup on Shopify)
    Step 2 · schematic illustration
  3. Step 03

    Paste the line into theme.liquid

    Open layout/theme.liquid, paste the Clew line right before </head> and press Save. It loads on every storefront page.

    Theme code editor with the Clew script tag before the closing head tag (rating popup on Shopify)
    Step 3 · schematic illustration
  4. Step 04

    Check the storefront

    Open the store in a new private window (with the storefront password if the store isn’t launched yet) and make sure pages load normally.

    Store top bar with the Save button highlighted (rating popup on Shopify)
    Step 4 · schematic illustration
  5. Step 05

    Set up the rating in Clew

    In Clew open Flows and either press + New flow and set Format to Rating (2 steps), or use Templates → Two-step service rating. Write the question, choose Scale and Satisfied from, and paste your review page into Public review page. Leave Show the public review link to unsatisfied visitors too on — that is what review platforms require.

    A two-step rating popup with five stars over a website (rating popup on Shopify)
    Step 5 · schematic illustration
  6. Step 06

    Choose where, when and for whom it shows

    In the same editor, set Where to show (page URL), When to show, Audience targeting and Frequency. These are the settings of the example above:

    SettingValue
    FormatRating (2 steps)
    Where to show (page URL)Section by prefix /collections
    When to showOn the Nth visit: 2
    Audience targetingNo rules — everyone who opens the page
    FrequencyOnce per visitor
    Clew tour editor with the format, page URL rule, trigger and audience rule fields (rating popup on Shopify)
    Step 6 · schematic illustration
  7. Step 07

    Publish and check it on the live site

    Set Status to Published and save. Open the page in a private window — Clew remembers who has already seen a “once” item, so your usual browser may skip it. Views, completions and drop-offs appear in the tour stats.

    Clew admin Overview with the green “Widget is live” card (rating popup on Shopify)
    Step 7 · schematic illustration

Pitfalls: rating popup on Shopify

Checkout is out of reach

Shopify doesn’t run theme scripts on checkout pages, so a rating popup can live on product, collection, cart and content pages, not in checkout. Plan the message before the customer gets there.

Custom pixels can’t show UI

Settings → Customer events runs code in a sandbox without access to the page. It works for analytics, not for a rating popup — use theme.liquid.

Don’t ask on the first page view

A score from someone who hasn’t used anything yet tells you nothing and costs goodwill. Use On the Nth visit (3rd visit) or After N seconds on a page where a task is done.

Use your real review page URL

Copy the address of your company’s page on the platform (Trustpilot, G2, Capterra, Google Maps) — the page where the “Write a review” button is. A link to the platform’s homepage makes people search for you and most give up.

Questions and answers

Can I ask right after checkout?

Not on the checkout itself: Shopify doesn’t run theme scripts there. Ask on the next visit instead — the customer has received the order by then, and the answer is worth more.

Does it replace a product reviews app?

No. A reviews app collects reviews of products on your product pages; the Clew rating asks about the store experience and sends happy customers to your external review page. Many stores use both.

Is there a Shopify app for Clew?

No, and none is needed: one line in theme.liquid is the whole install. It doesn’t add app charges or theme app blocks.

Can I ask only customers who bought something?

Yes: point Where to show (page URL) at the order confirmation or account pages, or pass a property with Clew.identify() and add a rule in Audience targeting.

Can I use it for an app store rating?

The review button opens any https page — an App Store or Google Play listing works. The popup itself runs on your website, not inside a native app.

One line on your site — then tours, tooltips and checklists without releases.

Get your site key — freeHow Clew worksFree plan forever, no credit card

Product tours, popups and onboarding in the age of AI

7 patterns with step counts, copy rules and what to measure, what AI changes, and a checklist before you publish. PDF, 2 pages. What is inside →