Shopline

Idagdag ang DailyPlay sa iyong Shopline store para makapaglaro ang mga customer mula sa iyong storefront.

Mga Opsyon sa Pag-embed

Method	Uri	Status
Custom HTML	Floating Play button	Available now
Simple iframe	Inline game sa isang page	Available now — tingnan ang I-embed sa Website
Shopline app	App embed sa theme editor	Coming soon

Floating Play Button (Custom HTML)

Ang inirerekomendang approach para sa Shopline. Lumalabas ang floating Play button sa page; ang pag-click dito ay bumubukas ng laro sa full-screen overlay.

Hakbang 1 — Kunin ang iyong embed code

Sa DailyPlay, buksan ang iyong published game
I-click ang Share/Embed → Embed
Piliin ang Floating Play button
Piliin ang Shopline
Siguraduhing naka-select ang Custom HTML (hindi pa available ang app/plugin option)
I-customize ang button text at color kung kailangan
Kopyahin ang snippet

Hakbang 2 — Idagdag sa iyong theme

Sa Shopline admin, buksan ang Theme Editor
Mag-navigate sa page o template kung saan mo gusto ang laro
I-click ang Add section → Custom HTML
I-paste ang kinopyang embed code
I-save at i-publish

Hakbang 3 — Itakda ang store origin

Kasama sa embed code ang placeholder origin sa widget URL:

https://app.dailyplay.ai/embed/[game-id]/widget?origin=https%3A%2F%2Fyour-store.com

Palitan ang https://your-store.com ng public URL ng iyong Shopline store (scheme + hostname, walang trailing slash). Halimbawa, kung ang iyong store ay https://mybrand.shoplineapp.com, ang encoded origin ay dapat https%3A%2F%2Fmybrand.shoplineapp.com.

Ginagawa ng Share/Embed panel ang snippet na may placeholder na ito — i-update ito bago mag-save sa Shopline.

Site-Wide vs Single Page

Layunin	Saan idadagdag ang Custom HTML
Button sa bawat page	Global footer o layout section na kasama sa lahat ng templates
Button sa isang page lang	Custom HTML section ng page na iyon sa theme editor
Inline game sa isang page	Gamitin ang iframe embed sa page content

Simple iframe sa Page

Para sa larong naka-embed nang direkta sa page content (hindi floating):

Sa DailyPlay, piliin ang Simple iframe sa embed panel
Kopyahin ang iframe code
Sa Shopline, i-edit ang page at magdagdag ng HTML o embed block
I-paste ang iframe code
I-save at i-publish

Tingnan ang I-embed sa Website para sa sizing at responsive layout tips.

Shopline App (Coming Soon)

May native DailyPlay Shopline app na may App embed block na kasalukuyang ginagawa. Kapag available, ikaw ay:

Mag-i-install ng DailyPlay app mula sa Shopline app marketplace
Bubuksan ang Theme Editor → App embeds
Mag-e-enable ng DailyPlay Floating Widget
Magko-configure ng game ID, button label, at color sa embed settings

Hanggang ma-publish ang app, gamitin ang Custom HTML gaya ng inilarawan sa itaas.

Troubleshooting

Hindi lumalabas ang button

Kumpirmahin na naka-save ang Custom HTML section at naka-publish ang theme
Suriin na kumpleto ang snippet (CSS link, script loader, button, at modal)
Beripikahin na published ang laro sa DailyPlay

Hindi naglo-load ang laro

Dobleng suriin ang game ID sa widget URL
Siguraduhing eksaktong tumutugma ang origin parameter sa store URL (URL-encoded)
Dapat naka-serve ang iyong store sa HTTPS

Nawawala ang styles

Kumpirmahin na nandiyan ang <link> sa dailyplay-floating.css at hindi tinatanggal ng Shopline
Kung nagtatanggal ang iyong theme ng external stylesheets, gamitin ang General HTML na may Inlined CSS mula sa Floating Play Button guide at i-paste ang variant na iyon

Nakatago ang button sa likod ng theme elements

Gumagamit ang widget ng mataas na z-index. Kung nakatago, suriin ang sticky headers o chat widgets na may mas mataas na stacking order