Paano magdagdag ng popup sa Shopify store nang walang developer

Ni Andrey Davydov · na-update Setyembre 18, 2026

Step-by-step na gabay para sa popup sa Shopify: i-install ang isang line, isulat ang modal sa editor ng Clew, at piliin kailan lalabas — pagkatapos ng ilang segundo, kapag nag-scroll, o sa pagbabalik — nang hindi hinahawakan muli ang theme.

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

Halimbawa: popup sa Shopify

Nais ng clothing store na malaman ng mga bumabalik na shopper ang free shipping sa order na higit sa ₱2,500, nang hindi sinasalubong ng overlay ang mga bagong bisita. Ang popup na “Free shipping sa order na higit sa ₱2,500 ngayong buwan” ay lumalabas sa collection page sa ikalawang pagbisita, minsan, at ang button ay nagbubukas ng shipping page.

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 popup sa Shopify, step by step

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.
```

<script src="https://tryclew.io/widget/ILAGAY_ANG_SITE_KEY.js" async></script>
```
Step 1 · eskematikong ilustrasyon
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.
Step 2 · eskematikong ilustrasyon
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.
Step 3 · eskematikong ilustrasyon
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.
Step 4 · eskematikong ilustrasyon
Step 05
Isulat ang popup sa Clew
Sa Clew buksan ang Mga flow → + Bagong flow at itakda ang Format sa Modal window. Magdagdag ng isang step: maikling title, isa o dalawang pangungusap, at sa Text ng link / URL ng link ang text ng button at ang page na binubuksan nito. Hindi kailangan ng selector ang modal: laging nasa gitna.
Step 5 · eskematikong ilustrasyon

Step 06

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:

Setting	Value
Format	Modal window
Saan ipakita (URL ng page)	Seksyon ayon sa prefix `/collections`
Kailan ipakita	Sa ika-N na pagbisita: 2
Pag-target ng audience	Walang rule: lahat na nagbukas sa page
Frequency	Minsan bawat bisita

Step 07
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.
Step 7 · eskematikong ilustrasyon

Mga dapat iwasan: popup sa Shopify

Hindi naaabot ang checkout

Hindi nagpapatakbo ang Shopify ng theme script sa checkout page, kaya ang popup 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 popup — gamitin ang theme.liquid.

Nawawala ang line kapag nagpalit ng theme

Nasa theme ang line. Kapag nag-publish ng bago o updated na theme, i-paste muli sa theme.liquid nito.

Huwag pagsabayin sa popup ng builder

Kung ang theme o plugin ay nagpapakita na ng newsletter o cookie popup sa parehong page, dalawang layer ang makikita ng bisita. Patayin ang isa, o bigyan ang Clew ng ibang trigger (scroll o ikalawang pagbisita).

Mga tanong at sagot

Maaari bang magpakita ng discount code ang popup?

Maaari, bilang text — halimbawa “Gamitin ang SAVE10 sa checkout”. Hindi gumagawa o nag-validate ng code ang Clew; gawin nang una ang discount sa Shopify.

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 ipakita ang popup sa isang page lamang?

Maaari. I-install ang line sa buong site at piliin ang Exact na path o Seksyon ayon sa prefix sa Saan ipakita (URL ng page). Hindi lalabas ang popup sa ibang page.

Libre ba ang popup?

Ang modal format ay bahagi ng Pro; ang mga bagong account ay may 14-araw na trial na may lahat, walang card. Libre ang tour at tooltip sa Free plan.

Saan dinadala ang button?

Sa anumang page na inilagay sa URL ng link. Nagbubukas ito sa bagong tab para hindi mawala sa bisita ang page na kanyang binabasa.

Paano magdagdag ng popup sa Shopify store nang walang developer

Halimbawa: popup sa Shopify

Paano magdagdag ng popup sa Shopify, step by step

Kopyahin ang inyong Clew snippet

Buksan ang theme code

I-paste ang line sa theme.liquid

Tingnan ang storefront

Isulat ang popup sa Clew

Piliin kung saan, kailan at para kanino ipapakita

I-publish at tingnan sa live na site