How to add a paywall upgrade prompt on Shopify without a developer

Example: an upgrade prompt on Shopify

How to add the paywall prompt 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>

   Copy

   

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.

   

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.

   

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.

   

5. Step 05

   Tell Clew who is a member

   In layout/theme.liquid, above the Clew line, add the snippet below. It passes member: "true" for signed-in customers tagged member.

   <script>
   window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(['identify', p]); } };
   TutorKit.identify({ member: {% if customer and customer.tags contains 'member' %}'true'{% else %}'false'{% endif %} });
   </script>

   Copy

   

6. Step 06

   Write the upgrade prompt

   In Clew open Flows → + New flow and choose Modal window. One step: a title with the benefit (“Export to CSV is on Pro”), one sentence of value, and in Link text / Link URL the button and your pricing or checkout URL.

   

7. Step 07

   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:

   Setting	Value
   Format	Modal window
   Where to show (page URL)	Section by prefix /collections/members
   When to show	Right on page load
   Audience targeting	Property member not equals true
   Frequency	Every visit

   

8. Step 08

   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.

   

Pitfalls: paywall upgrade prompt on Shopify