Schenkwerk Einstellungen öffnen
• Logge dich in deinen Schenkwerk Account ein. (Link zum Login)
• Klicke oben in der Navigation auf "Einstellungen".
Widget-Code kopieren
Gehe im Control Center auf den Tab „Integration". Wähle „Gutschein-Plugin als Widget / Popup Overlay einbinden" und kopiere den angezeigten Code. Du kannst customHeadline und customText bei Bedarf anpassen.
Skript in den <head> einbinden
Füge das folgende Skript in den <head> Bereich deiner HTML-Seite ein. Ohne diesen Code kann das Plugin nicht geladen werden. Wenn du es auf mehreren Seiten nutzen möchtest, füge das Skript auf jeder dieser Seiten ein.
<script type="module" src="https://cdn.schenkwerk.com/schenkwerk-voucher.js"></script>Variante 1: Widget-Button (empfohlen)
Das Plugin erscheint als schwebender Button am rechten unteren Rand der Seite. Ideal, wenn du es auf jeder Seite sichtbar haben möchtest, ohne viel Platz zu beanspruchen. Füge diesen Code in den <body> deiner Seite ein und ersetze DEINE-STORE-ID mit deiner eigenen ID aus dem Dashboard.
<schenkwerk-voucher
storeId="DEINE-STORE-ID"
asWidget
>
</schenkwerk-voucher>Variante 2: Inline einbetten
Du möchtest das Plugin direkt in eine bestimmte Seite einbetten, ohne dass Besucher erst auf einen Button klicken müssen? Platziere diesen Code an der gewünschten Stelle im <body> deiner Seite.
<schenkwerk-voucher
storeId="DEINE-STORE-ID"
>
</schenkwerk-voucher>Tipps & Hinweise
- Farbanpassungen kannst du im Schenkwerk Dashboard vornehmen und an dein Corporate Design anpassen.
- Wenn du das Plugin „inline" einbindest, kannst du die Position durch das CSS deiner Website steuern.
- Vermeide es, das Plugin mehrfach auf derselben Seite einzubinden.
- Eine Agentur managet deine Website? Leite diese Anleitung einfach weiter – sie werden genau wissen, was zu tun ist.
- Für dich zu technisch oder Probleme beim Einbinden? Kontaktiere uns einfach, wir helfen dir gerne weiter.