Schenkwerk Skript einbinden
Füge das folgende Skript in den <head> Bereich deiner .html Seite ein. Ohne diesen Code können die unten gezeigten Plugin-Varianten nicht geladen werden, also stelle sicher, dass du diesen Code korrekt eingebunden hast. Wenn du das Plugin auf mehren Seiten einbinden möchtest, stelle sicher, dass das Skript im <head> Bereich jeder dieser Seiten vorhanden ist.
<script type="module" src="https://cdn.schenkwerk.com/schenkwerk-voucher.js"></script>Variante 1: Gutschein als Widget einbinden
Nachdem du das obere Skript in den <head> Bereich deiner Website eingebunden hast, kannst du das Gutschein-Plugin in deinen HTML Code einfügen. Im Widget-Modus ist das Gutschein-Plugin über einen Button am rechten unteren Rand der Seite erreichbar. Das kann besonders nützlich sein, wenn du das Gutschein-Plugin auf jeder Seite erreichbar haben möchtest, ohne dass es viel Platz einnimmt.
Achte darauf, dass du die storeId durch deine eigene ersetzt. Diese findest du in deinem Schenkwerk Dashboard.
<schenkwerk-voucher
storeId="DEINE-STORE-ID"
asWidget
>
</schenkwerk-voucher>Variante 2: Gutschein-Plugin in eine bestehende Seite einbetten
Alternativ kannst du das Gutschein-Plugin auch direkt in eine bestehende Seite einbetten. Das kann besonders nützlich sein, wenn du das Gutschein-Plugin nicht erst durch einen Klick auf einen Button öffnen möchtest. So können deine Website Besucher*innen das Gutschein-Plugin nicht übersehen.
Füge den folgenden HTML Code an der gewünschten Stelle deiner Website ein. Platziere das Plugin im <body> Bereich deiner Seite, wo genau, - das ist ganz dir überlassen.
Achte auch bei dieser Variante darauf, dass du die storeId durch deine eigene ersetzt. Diese findest du in deinem persönlichen Schenkwerk Dashboard.
<schenkwerk-voucher
storeId="DEINE-STORE-ID"
>
</schenkwerk-voucher>Tips & Hinweise
- Farbanpassungen kannst du im Schenkwerk Dashboard vornehmen. Passe die Farben an dein Corporate Design an.
- Wenn du das Plugin "inline", also nicht als Widget, einbindest, kannst du die Position des Plugins durch das CSS deiner Website anpassen.
- Vermeide es das Plugin mehrfach auf einer Seite einzubinden. Solange die URLs der Seiten unterschiedlich sind, ist das kein Problem.
- Die Integration hat funktioniert, aber das Layout ist passt nicht ganz, bzw. andere Elemente deiner Website verdecken das Plugin? Wenn du dich mit CSS auskennst, kannst du in der Regel damit alles anpassen. Du stößt an Grenzen oder hast keine Lust dich damit zu beschäftigen? Kontaktiere uns einfach, wir helfen dir gerne weiter.
- Eine Agentur oder ein anderer Dienstleister managet deine Website? Dann leite diese Anleitung an diese weiter, sie werden genau wissen was zu tun ist.
- Für dich ist das alles zu technisch oder hast Probleme beim Einbinden? Kein Problem, wir helfen dir gerne weiter. Kontaktiere uns einfach.