Shopify

ProofKit menyediakan snippet Liquid (proofkit-widget.liquid) untuk Shopify. Ada dua cara pakai:

Cara 1 — Custom Liquid section (paling cepat)

1. Shopify admin → Online Store → Themes → Customize.
2. Klik Add section → Custom Liquid.
3. Tempel isi file snippet (bagian markup + script) ke kolom Custom Liquid, lalu ganti nilai slug dengan slug project Anda.
4. Simpan.

Cara 2 — Section tema (bisa dikonfigurasi dari editor)

1. Salin seluruh file proofkit-widget.liquid ke folder sections/ tema Anda (mis. sections/proofkit-widget.liquid).
2. Buka Customize — section "ProofKit Widget" muncul di daftar section.
3. Tambahkan section, lalu isi di panel editor:
   • Slug proyek ProofKit (wajib)
   • Tipe widget: wall, rating, fomo, stats
   • Bahasa: id, en
   • Tinggi awal (px): 100–2000

Cara kerja snippet

<iframe
  src="https://proofkit.web.id/api/widget/{{ pk_slug }}?type={{ pk_type }}&lang={{ pk_lang }}"
  width="100%" height="{{ pk_height }}" loading="lazy" data-proofkit-widget
></iframe>

Script bawaan snippet mendengarkan pesan proofkit:resize (dengan verifikasi origin https://proofkit.web.id) dan menyesuaikan tinggi iframe otomatis.

File snippet lengkap ada di repo ProofKit: integrations/shopify/proofkit-widget.liquid.