# Kostenloses Produkt auf deiner Website einbetten

> Du möchtest ein kostenloses Produkt aus deinem Tentary-Shop direkt auf deiner eigenen Website oder Landingpage einbinden – ganz ohne Umweg über deinen Shop?

Source: https://tentary.com/de/help/kostenloses-produkt-einbetten/
Last updated: 2025-08-05

---

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**](https://tentary.com/de/help/lead-magnet-anlegen/), bei denen sich Nutzer:innen gleichzeitig zum Newsletter anmelden
- [**Newsletter-Anmeldungen**](https://tentary.com/de/help/produkt-anlegen-newsletter/)

### 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 |