Installera Stämp – Digitala stämpelkort

1

Få din unika widget-kod

När ditt Stämp-konto är skapat, logga in på adminpanelen och gå till Inställningar. Där hittar du din unika widget-kod redo att kopieras:

💡 Tips: Be din Stämp-leverantör om koden om du inte själv har tillgång till adminpanelen.

2

Klistra in koden på din webbplats

Öppna din hemsidas HTML-fil i en textredigerare (eller din webbplats byggare där du kan redigera HTML). Klistra in koden precis innan </body>-taggen:

        
        <!DOCTYPE html>

        <html>

        <head>

          <title>Min hemsida</title>

        </head>

        <body>

          <!-- Ditt innehåll här -->

          <!-- ⭐ Stämp widget -->

          <script src="https://stamp-blond.vercel.app/widget.js" data-business="ditt-foretag" data-primary-color="#E8A838"></script>

        </body>

        </html>

Ersätt ditt-foretag med den slug du fått från din Stämp-leverantör (t.ex. wivex, cafe-gröna).

        
        <!-- ⭐ Klistra in denna rad innan </body> -->

        <script src="https://stamp-blond.vercel.app/widget.js" data-business="ditt-foretag" data-primary-color="#E8A838"></script>

⚙️ Fler alternativ: Du kan lägga till flera data-attribut för att anpassa widgeten.
data-theme="dark" – mörkt tema
data-position="bottom-left" – flytta knappen till vänster
data-show-prompt="false" – dölj välkomst-popupen
data-prompt-delay="5000" – fördröjning av popup i millisekunder

3

Klart! – det var väl enkelt?

Ladda om din hemsida. Du bör nu se en 🏷️-knapp längst ner till höger:

Så här ser det ut på din hemsida:

Din hemsidas innehåll...

🏷️ STÄMP

Klicka på knappen så öppnas stämpelkortet där dina kunder kan registrera sig, samla stämplar och lösa in belöningar.

🔄

Använder du en webbplatsbyggare?

De flesta plattformar låter dig lägga till anpassad HTML/JavaScript i inställningarna eller via en "HTML-widget". Här är var du hittar rätt inställning:

WordPress

Lägg till i sidfot via Utseende → Widgets → Custom HTML eller i tema-inställningar

Shopify

Gå till Online Store → Themes → Edit code → theme.liquid, klistra in före </body>

Wix

Lägg till via Settings → Custom Code → Head & Body (klistra i Body-sektionen)

Squarespace

Gå till Settings → Advanced → Code Injection → Footer

Annat CMS

Leta efter "Custom Code", "HTML Injection", "Footer Scripts" eller "Head/Foot Code"

⚡ Regeln är enkel: Koden ska alltid hamna före </body> – längst ner på sidan. Då fungerar widgeten oavsett plattform.

✓

Testa att det fungerar

Öppna din hemsida och tryck Ctrl+Shift+I (Windows) eller Cmd+Option+I (Mac) för att öppna utvecklarverktygen. Gå till fliken Console. Ladda om sidan.

🏷️-knappen syns längst ner till höger
Klick på knappen öppnar en modal med stämpelkort
Inga röda felmeddelanden i konsolen

Installera Stämp på din hemsida