Du möchtest ein kostenloses Produkt aus deinem Tentary-Shop direkt auf deiner eigenen Website oder Landingpage einbinden – ganz ohne Umweg über deinen Shop? Mit dem folgenden Einbettungsskript geht das ganz einfach.
Voraussetzungen
- Das Produkt muss kostenlos sein
- Es darf keine Varianten enthalten
Einbindung
Füge den folgenden Code an der Stelle in deine Website ein, wo das Formular erscheinen soll:
<script src="https://shop.tentary.com/public/embed-subscribe.js" data-btn-text="Jetzt anmelden" data-btn-color="#ffffff" data-btn-bg-color="#ff633e" data-btn-radius="6px" data-share-id="123abc" data-domain="deinshop.tentary.com" data-hide-name="false" async defer> </script>
Das Skript lädt beim Seitenaufruf dynamisch das Formular des Produkts und bettet es direkt an der Stelle ein, an der du das Skript eingefügt hast. Nutzer:innen sehen sofort das Formular, können es ausfüllen und abschicken, ohne deine Seite zu verlassen.
Die Einbindung eignet sich besonders für:
- Freebies, bei denen sich Nutzer:innen gleichzeitig zum Newsletter anmelden
- Newsletter-Anmeldungen
Erklärung der Parameter
Abgesehen von data-share-id und data-domain, sind alle übrigen Parameter optional.
| Attribut | Beschreibung |
|---|---|
| data-share-id | Die Produkt-ID (findest du in der URL, wenn du dein Produkt öffnest). Beispiel: https://sample.tentary.com/p/123abc |
| data-domain | Deine Shop-Domain, z. B. deinname.tentary.com |
| data-btn-text | Der Text auf dem Button |
| data-btn-color | Textfarbe des Buttons (z. B. #ffffff oder "black") |
| data-btn-bg-color | Hintergrundfarbe des Buttons (z. B. #ffffff oder "black") |
| data-btn-radius | Abgerundete Ecken in Pixeln ("0px", "4px", etc.) |
| data-hide-name | "true" = Namensfeld wird ausgeblendet, "false" = Namensfeld wird gezeigt |
