Docs / Utvecklare
Shopify
Vad som finns i dag
Det finns ingen EngageNudge-app i Shopifys App Store. Den egna appen är byggd men inte släppt, så behandla allt du läser om den som en plan snarare än en produkt.
Det hindrar dig inte. Shopify är en helt vanlig webbplats, och den vanliga snippet-installationen fungerar där precis som någon annanstans. Ingenting med webbnotiser är specifikt för Shopify.
Installera på Shopify i dag
Två delar, och ordningen spelar roll.
1. Lägg service workern i roten av butiken.
Webbnotiser kräver en service worker som serveras från din egen domän, på exakt /en-sw.js. En webbläsare accepterar den inte från någon annan plats, och det är därför varken en tagghanterare eller ett tema-tillägg kan göra det här steget åt dig.
I Shopify: Inställningar → Filer → Ladda upp filer, och ladda upp en-sw.js som du hämtar från Integrationer i dashboarden. Shopify serverar uppladdade filer från sitt CDN i stället för från din rot, så det räcker inte. Lägg till en omdirigering: Inställningar → Navigering → URL-omdirigeringar, från /en-sw.js till filens uppladdade adress.
Kontrollera sedan. Öppna https://dinbutik.se/en-sw.js i en webbläsare. Du ska se JavaScript, inte HTML och inte en 404.
2. Lägg snippeten i temat.
Webbshop → Teman → Redigera kod → layout/theme.liquid, och klistra in snippeten från dashboarden strax före </head>:
<script
src="https://engagenudge.com/sdk/v1/en-sdk.js"
data-site-key="DIN_SAJTNYCKEL"
data-vapid-public-key="DIN_VAPID_PUBLIKA_NYCKEL"
defer
></script>Install Doctor i dashboarden säger till om någon av delarna saknas.
Om butiken ligger bakom ett botfilter
Cloudflare, Shopifys egna skydd och de flesta brandväggar utmanar förfrågningar som inte ser ut att komma från en människa. En utmaning på /en-sw.js gör att service workern inte registreras, och det misslyckas tyst: besökare blir helt enkelt aldrig prenumeranter, utan att något i gränssnittet säger varför.
Kör du en brandvägg framför butiken, släpp igenom /en-sw.js utan utmaning innan du testar.
Vad appen tillför
När Shopify-appen släpps försvinner de två manuella stegen ovan, och den lägger till händelser för varukorg och lagerstatus så att du kan nudga på övergivna varukorgar och åter-i-lager. Den gör inte notiserna bättre. Leveransvägen är densamma som snippeten använder.
Vi säger hellre det rakt ut än låter dig vänta på något som inte har ett datum.