Clew

Paano magdagdag ng paywall upgrade prompt sa Shopify nang walang developer

Soft paywall sa Shopify: kapag nakarating ang free user sa paid feature, ipinapaliwanag ng modal ang upgrade at dinadala sa inyong pricing page — naka-target ayon sa plan, sinusukat, at editable nang walang release.

Oras
● 20 minuto
Presyo
14-araw na free trial, walang card
Sino ang gagawa
May-ari ng store o staff na may theme access

Halimbawa: upgrade prompt sa Shopify

Nagbebenta ang coffee roaster ng membership at may members-only collection sa /collections/members. Ang mga customer na walang tag na member ay nakakakita ng prompt: “Mas murang 20% ang roast na ito para member — sumali sa ₱499/buwan”, may link sa membership product. Nananatiling ipinapakita ng Shopify ang collection gaya karaniwan.

Ang ginagawa at hindi ginagawa ng Clew. Nagpapakita ang Clew ng upgrade prompt — isang modal na may inyong text at link sa inyong sariling pricing o checkout page — sa mga user na pinili ng inyong mga rule. Hindi tumatanggap ng bayad ang Clew, hindi namamahala ng subscription, at hindi nagtatago o nagla-lock ng content: ang inyong app ang nagpapasya sa access, at ang inyong payment provider ang naniningil.

Ang format na ito ay bahagi ng Pro plan. Bawat bagong account ay nagsisimula sa 14-araw na free trial na may lahat na format at audience rules, walang card. Kapag nagtapos ang trial, walang nabubura at patuloy na ipinapakita ang mga naka-publish; nananatiling libre ang mga tour at tooltip sa Free plan.

Paano magdagdag ng paywall prompt sa Shopify, step by step

  1. Step 01

    Kopyahin ang inyong Clew snippet

    Gumawa ng libreng account (o mag-sign in), idagdag ang inyong site at buksan ang Buod sa admin. I-click ang line sa card na Walang signal mula sa widget pa. para kopyahin: nasa loob na ang tunay na site key sa halip ng placeholder.

    <!-- Clew: palitan ang ILAGAY_ANG_SITE_KEY ng site key mula sa Admin > Buod -->
    <script src="https://tryclew.io/widget/ILAGAY_ANG_SITE_KEY.js" async></script>
    Buod sa Clew admin na may embed line at nakatagong site key (paywall upgrade prompt sa Shopify)
    Step 1 · eskematikong ilustrasyon
  2. Step 02

    Buksan ang theme code

    Sa Shopify admin pumunta sa Online Store → Themes, i-click ang … sa tabi ng live na theme at piliin ang Edit code.

    Mga path sa head code field sa mga popular na builder, kasama ang Shopify theme.liquid (paywall upgrade prompt sa Shopify)
    Step 2 · eskematikong ilustrasyon
  3. Step 03

    I-paste ang line sa theme.liquid

    Buksan ang layout/theme.liquid, i-paste ang line ng Clew bago ang </head> at i-click ang Save. Naglo-load ito sa bawat storefront page.

    Theme code editor na may Clew script bago ang closing head tag (paywall upgrade prompt sa Shopify)
    Step 3 · eskematikong ilustrasyon
  4. Step 04

    Tingnan ang storefront

    Buksan ang store sa bagong private window (gamit ang storefront password kung hindi pa launched) at tiyakin na normal na naglo-load ang mga page.

    Top bar ng store na may naka-highlight na Save button (paywall upgrade prompt sa Shopify)
    Step 4 · eskematikong ilustrasyon
  5. Step 05

    Sabihin sa Clew sino ang member

    Sa layout/theme.liquid, sa itaas ng line ng Clew, idagdag ang snippet sa ibaba. Nagpapadala ito ng member: "true" para naka-sign-in na customer na may tag na 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>
    Theme code na may identify snippet sa itaas ng Clew script (paywall upgrade prompt sa Shopify)
    Step 5 · eskematikong ilustrasyon
  6. Step 06

    Isulat ang upgrade prompt

    Sa Clew buksan ang Mga flow → + Bagong flow at piliin ang Modal window. Isang step: title na may benepisyo (“Ang Export to CSV ay nasa Pro”), isang pangungusap ng value, at sa Text ng link / URL ng link ang button at URL ng inyong pricing o checkout page.

    Upgrade prompt modal sa ibabaw ng web app, may benefit headline at link button sa pricing page (paywall upgrade prompt sa Shopify)
    Step 6 · eskematikong ilustrasyon
  7. Step 07

    Piliin kung saan, kailan at para kanino ipapakita

    Sa parehong editor, sagutan ang Saan ipakita (URL ng page), Kailan ipakita, Pag-target ng audience at Frequency. Ito ang mga setting ng halimbawa sa itaas:

    SettingValue
    FormatModal window
    Saan ipakita (URL ng page)Seksyon ayon sa prefix /collections/members
    Kailan ipakitaKaagad kapag nag-load ang page
    Pag-target ng audienceProperty member ay hindi equal sa true
    FrequencyBawat pagbisita
    Tour editor ng Clew na may format, URL rule, trigger at audience rule (paywall upgrade prompt sa Shopify)
    Step 7 · eskematikong ilustrasyon
  8. Step 08

    I-publish at tingnan sa live na site

    Itakda ang Status sa Naka-publish at i-save. Buksan ang page sa private window: tinatandaan ng Clew kung sino ang nakakita na ng item na “minsan”, kaya maaaring hindi ito ipakita sa inyong karaniwang browser. Ang mga view, completion at drop-off ay nasa stats.

    Buod sa Clew admin na may berdeng card ng live na widget (paywall upgrade prompt sa Shopify)
    Step 8 · eskematikong ilustrasyon

Mga dapat iwasan: paywall upgrade prompt sa Shopify

Hindi naaabot ang checkout

Hindi nagpapatakbo ang Shopify ng theme script sa checkout page, kaya ang paywall upgrade prompt ay maaaring sa product, collection, cart at content page, hindi sa checkout. Planuhin ang mensahe bago makarating roon ang customer.

Hindi maaaring magpakita ng UI ang custom pixel

Ang Settings → Customer events ay nagpapatakbo ng code sa sandbox na walang access sa page. Para analytics ito, hindi para paywall upgrade prompt — gamitin ang theme.liquid.

I-update ang property pagkatapos ng upgrade

Ang mga property ay nasa browser hanggang magpadala ang app ng bagong value. Tawagin ang Clew.identify({ plan: "pro" }) pagkatapos ng matagumpay na upgrade, kung hindi ay patuloy na makikita ng bagong customer ang prompt.

Mga tanong at sagot

Itinatago ba nito ang members-only na produkto?

Hindi. Nagpapakita ang Clew ng prompt; ang paglimita sino maaaring bumili ay ginagawa gamit ang Shopify app o theme logic.

May Shopify app ba ang Clew?

Walang, at hindi kailangan: isang line sa theme.liquid ay ang buong install. Walang app charge o theme app block.

Maaari bang tukuyin ng Clew ang member mula sa ibang customer?

Gamit ang Liquid: ang identify call sa theme.liquid ay maaaring ipasa kung ang naka-sign-in na customer ay may tag gaya ng member. Ginagamit ito ng Clew para magpasya kung sino nakakakita ng prompt lamang.

Tumatanggap ba ng bayad ang Clew?

Hindi. Ang button ay link sa inyong sariling pricing page o checkout; hindi kailanman humahawak ang Clew ng card, subscription o access.

Libre ba ang paywall prompt?

Kailangan ng modal format at audience rule, na nasa Pro. Kasama sa 14-araw na trial, walang card.

Isang line sa inyong site — pagkatapos, mga tour, tooltip at checklist nang walang release.

Kunin ang site key nang librePaano gumagana ang ClewLibreng plan habambuhay, walang credit card

Product tours, popups at onboarding sa panahon ng AI

7 pattern na may bilang ng hakbang, tuntunin sa copy at dapat sukatin, ang binabago ng AI, at checklist bago mag-publish. PDF, 2 pahina. Ano ang laman →

Nasa English ang gabay.