Clew

Cara menambahkan paywall upgrade di Shopify tanpa developer

Oleh · diperbarui

Soft paywall di Shopify: saat pengguna gratis mencapai fitur berbayar, modal menjelaskan manfaat upgrade dan menautkan ke halaman harga Anda — ditargetkan per paket, terukur, dan bisa diedit tanpa rilis.

Waktu
● 20 menit
Harga
Uji coba gratis 14 hari, tanpa kartu
Siapa yang mengerjakan
Pemilik toko atau staf dengan akses tema

Contoh: ajakan upgrade di Shopify

Roastery kopi menjual keanggotaan dan punya koleksi khusus member di /collections/members. Pelanggan tanpa tag member melihat ajakan: “Member dapat roast ini 20% lebih murah — gabung Rp99.000/bulan”, dengan tautan ke produk keanggotaan. Koleksinya tetap tampil seperti biasa di Shopify.

Yang dilakukan dan tidak dilakukan Clew. Clew menampilkan ajakan upgrade — modal berisi teks Anda dan tautan ke halaman harga atau checkout milik Anda sendiri — kepada pengguna yang dipilih oleh aturan Anda. Clew tidak menerima pembayaran, tidak mengelola langganan, dan tidak menyembunyikan atau mengunci konten: aplikasi Anda yang menentukan akses, penyedia pembayaran Anda yang menagih.

Format ini termasuk dalam paket Pro. Setiap akun baru dimulai dengan uji coba gratis 14 hari dengan semua format dan aturan audiens, tanpa kartu. Setelah uji coba berakhir, tidak ada yang dihapus dan yang sudah dipublikasikan tetap tampil; tur dan tooltip tetap gratis di paket Free.

Cara menambahkan paywall upgrade di Shopify, langkah demi langkah

  1. Langkah 01

    Salin snippet Clew Anda

    Buat akun gratis (atau masuk), tambahkan situs Anda, lalu buka Ringkasan di admin. Klik baris pada kartu Belum ada sinyal dari widget. untuk menyalinnya: baris itu sudah berisi kunci situs asli Anda, bukan placeholder.

    <!-- Clew: ganti TEMPEL_KUNCI_SITUS_ANDA dengan kunci situs dari Admin > Ringkasan -->
<script src="https://tryclew.io/widget/TEMPEL_KUNCI_SITUS_ANDA.js" async></script>
    Ringkasan di admin Clew dengan baris embed dan kunci situs yang disamarkan (paywall upgrade di Shopify)
    Langkah 1 · ilustrasi skematis
  2. Langkah 02

    Buka kode tema

    Di admin Shopify buka Online Store → Themes, klik … di samping tema yang live, lalu pilih Edit code.

    Jalur ke kolom kode head di builder populer, termasuk theme.liquid Shopify (paywall upgrade di Shopify)
    Langkah 2 · ilustrasi skematis
  3. Langkah 03

    Tempel baris ke theme.liquid

    Buka layout/theme.liquid, tempel baris Clew tepat sebelum </head>, lalu klik Save. Baris ini dimuat di setiap halaman toko.

    Editor kode tema dengan skrip Clew sebelum penutup head (paywall upgrade di Shopify)
    Langkah 3 · ilustrasi skematis
  4. Langkah 04

    Cek tampilan toko

    Buka toko di jendela privat baru (dengan kata sandi toko jika belum diluncurkan) dan pastikan halaman dimuat normal.

    Bar atas toko dengan tombol Save disorot (paywall upgrade di Shopify)
    Langkah 4 · ilustrasi skematis
  5. Langkah 05

    Beri tahu Clew siapa member

    Di layout/theme.liquid, di atas baris Clew, tambahkan snippet di bawah. Snippet ini mengirim member: "true" untuk pelanggan yang login dengan tag 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>
    Kode tema dengan snippet identify di atas skrip Clew (paywall upgrade di Shopify)
    Langkah 5 · ilustrasi skematis
  6. Langkah 06

    Tulis ajakan upgrade

    Di Clew buka Alur → + Alur baru dan pilih Jendela modal. Satu langkah: judul berisi manfaat (“Ekspor ke CSV ada di Pro”), satu kalimat tentang nilainya, dan di Teks link / URL link tombol serta URL halaman harga atau checkout Anda.

    Modal ajakan upgrade di atas aplikasi web, dengan judul manfaat dan tombol tautan ke halaman harga (paywall upgrade di Shopify)
    Langkah 6 · ilustrasi skematis
  7. Langkah 07

    Tentukan di mana, kapan, dan untuk siapa tampil

    Di editor yang sama, isi Di mana ditampilkan (URL halaman), Kapan ditampilkan, Target audiens, dan Frekuensi. Ini pengaturan untuk contoh di atas:

    PengaturanNilai
    FormatJendela modal
    Di mana ditampilkan (URL halaman)Bagian berdasarkan prefiks /collections/members
    Kapan ditampilkanLangsung saat halaman dimuat
    Target audiensProperti member tidak sama dengan true
    FrekuensiSetiap kunjungan
    Editor tur Clew dengan format, aturan URL, pemicu, dan aturan audiens (paywall upgrade di Shopify)
    Langkah 7 · ilustrasi skematis
  8. Langkah 08

    Publikasikan dan cek di situs live

    Ubah Status menjadi Terbit lalu simpan. Buka halaman di jendela privat: Clew mengingat siapa yang sudah melihat item “sekali”, jadi browser yang biasa Anda pakai mungkin melewatinya. Tayangan, penyelesaian, dan titik berhenti muncul di statistik.

    Ringkasan di admin Clew dengan kartu hijau widget aktif (paywall upgrade di Shopify)
    Langkah 8 · ilustrasi skematis

Jebakan umum: paywall upgrade di Shopify

Checkout tidak bisa dijangkau

Shopify tidak menjalankan skrip tema di halaman checkout, jadi paywall upgrade bisa ada di halaman produk, koleksi, keranjang, dan konten, tetapi tidak di checkout. Rencanakan pesannya sebelum pelanggan sampai di sana.

Custom pixel tidak bisa menampilkan UI

Settings → Customer events menjalankan kode di sandbox tanpa akses ke halaman. Cocok untuk analitik, bukan untuk paywall upgrade — pakai theme.liquid.

Perbarui properti setelah upgrade

Properti tersimpan di browser sampai aplikasi mengirim nilai baru. Panggil Clew.identify({ plan: "pro" }) setelah upgrade berhasil, kalau tidak pelanggan baru tetap melihat ajakan.

Tanya jawab

Apakah ini menyembunyikan produk khusus member?

Tidak. Clew menampilkan ajakan; membatasi siapa yang boleh membeli dilakukan dengan aplikasi Shopify atau logika tema Anda.

Apakah ada aplikasi Shopify untuk Clew?

Tidak, dan tidak diperlukan: satu baris di theme.liquid sudah merupakan seluruh pemasangan. Tidak ada biaya aplikasi atau app block tambahan di tema.

Bisakah Clew membedakan member dari pelanggan lain?

Lewat Liquid: panggilan identify di theme.liquid bisa mengirim apakah pelanggan yang login punya tag seperti member. Clew memakainya hanya untuk menentukan siapa yang melihat ajakan.

Apakah Clew yang menerima pembayaran?

Tidak. Tombol menautkan ke halaman harga atau checkout milik Anda; Clew tidak pernah menangani kartu, langganan, atau akses.

Apakah paywall upgrade gratis?

Dibutuhkan format modal dan aturan audiens, keduanya di Pro. Uji coba 14 hari sudah mencakupnya, tanpa kartu.

Yang juga bisa ditambahkan di Shopify

Paywall upgrade di platform lain

Cara menambahkan paywall upgrade tanpa developerWebsite builder & CMS: panduan pemasanganHarga

Satu baris di situs Anda — lalu tur, tooltip, dan checklist tanpa rilis.

Dapatkan kunci situs gratisCara kerja ClewPaket gratis selamanya, tanpa kartu kredit

Product tour, popup, dan onboarding di era AI

7 pola lengkap dengan jumlah langkah, aturan teks, dan metrik, apa yang diubah AI, serta checklist sebelum terbit. PDF, 2 halaman. Isi panduan →

Panduannya dalam bahasa Inggris.