# Produkte teilen > Du möchtest deine Community auf deine Produkte aufmerksam machen oder deine auf Tentary erstellten Produkte in deine Webseite integrieren? Source: https://tentary.com/de/help/produkte-teilen/ Last updated: 2025-12-05 --- Du möchtest deine Community auf deine Produkte aufmerksam machen oder deine auf Tentary erstellten Produkte in deine Webseite integrieren? In diesem Artikel zeigen wir dir, welche Möglichkeiten dir zur Verfügung stehen. ## Link Mithilfe eines Links kannst du die Verkaufs- oder Bezahlseite deines Produktes mit deinen Kund:innen teilen. Öffne hierzu die [Produktübersicht](https://app.tentary.com/products) und klicke neben dem gewünschten Produkt auf den Button **Teilen**. Es öffnet sich im Anschluss ein Pop-up mit verschiedenen Links. Je nachdem, welche Seite du deinen Kund:innen zukommen lassen möchtest, kannst du ihnen entweder den Link zur Verkaufsseite oder zur Bezahlseite schicken. Während sie auf der Verkaufsseite weitere Informationen zu deinem Produkt einsehen und den Bezahlprozess mit einem Klick auf den Button **Zur Kasse** starten können, haben sie auf der Bezahlseite direkt die Möglichkeit, ihren Kauf abzuschließen. Den Link kannst du über den Button **Link kopieren** in die Zwischenablage übernehmen und im Anschluss per Einfügen beliebig in eine Nachricht oder einen Post einsetzen und damit weitergeben. ## Direkt auf Social Media Möchtest du deinen Kund:innen deinen Produktlink direkt über WhatsApp, Facebook, X (Twitter) oder E-Mail zukommen lassen? Rufe auf der [Produktübersicht](https://app.tentary.com/products) neben dem betreffenden Produkt den Button **Teilen** auf. Es öffnet sich ein Pop-up. Im Bereich **Auf Social Media teilen** kannst du den von dir gewünschten Kanal anklicken, der Link zur Verkaufsseite wird dann auf der von dir gewünschten Plattform automatisch eingefügt. Du kannst ihn noch mit weiteren von dir relevanten Infos ergänzen und veröffentlichen. ## Webseitenintegration Wenn du eine eigene Webseite oder einen eigenen Blog, beispielsweise mit WordPress oder einem anderen CMS erstellt hast, kannst du den Kaufbutton deines Produktes auch direkt dort einbinden. Um den Code für die Webseitenintegration zu erhalten, öffne den Menüpunkt [Produkte](https://app.tentary.com/products) und klicke beim entsprechenden Produkt auf den Button **Teilen**. Kopiere den im Bereich **Webseitenintegration** angezeigten HTML-Code in die Zwischenablage. Logge dich anschließend im Backend deines CMS ein. Füge ein HTML-Element auf der von dir gewünschten Seite ein und setze dort den zuvor kopierten HTML-Code ein. Dadurch siehst du den Kaufbutton auf deiner Webseite. > **Hinweis:** Der HTML-Code bindet neben dem Button eine Javascript- und eine kleine CSS-Datei von unserem Server in deine Seite ein. Oberhalb des Buttons kannst du beispielsweise ein Foto, den Titel deines Produktes sowie eine kurze Produktbeschreibung oder auch den Preis des Produkts hinterlegen. Selbstverständlich kannst du auch mehrere Produkte oder alle Produkte deines Shops auf deiner Webseite integrieren. ![webseitenintegration-beispiel.png](https://tentary.com/help/de/produkte-teilen/01.webp) \ Sobald Kund:innen auf **Jetzt kaufen** klicken, öffnet sich deine Verkaufsseite in einem Pop-up (Modal Overlay) direkt auf deiner Seite. Das Design des Pop-ups ist abhängig von dem von dir gewählten [Theme](https://tentary.com/de/help/shopseite-einrichten/). ![webseitenintegration-beispiel-popup.png](https://tentary.com/help/de/produkte-teilen/02.webp) Der Link zur Bezahlseite öffnet sich daraufhin in einem neuen Tab und deine Kund:innen können den Bestellprozess dort abschließen. > **Hinweis:** Damit wir sicherstellen können, dass alle Zahlungsarten einwandfrei funktionieren, öffnet sich die Bezahlseite in einem neuen Fenster/Tab. Dabei handelt es sich um eine Empfehlung, die von den Zahlungsanbietern kommt, da manche Zahlungsmethoden in einem eingebetteten Fenster (iframe) sonst nicht korrekt ausgeführt werden könnten. ### Anpassung der Webseitenintegration Du kannst den Namen und das Design deines Kaufbuttons, ganz nach deinen Wünschen im Code anpassen. > **Achtung:** Der erste Teil der Codes ist der Hauptbestandteil und sorgt dafür, dass sämtliche (Hyper-)Links auf deiner Seite, die **shop.tentary.com** in der URL enthalten, in einem Pop-up geöffnet werden. Stelle also sicher, dass du diesen Teil in keinem Fall veränderst, damit alles korrekt funktioniert: \ > `` #### Name des Buttons Um den Namen deines Kaufbuttons zu ändern, ersetze den Teil **Jetzt kaufen** ganz am Ende mit dem von dir gewünschten Namen: `**Name des Buttons**` > **Hinweis:** Achte darauf, dass du keinen Code und damit die Klammern davor oder dahinter entfernst. #### Farbe des Buttons Wenn du die Farbe deines Kaufbuttons anpassen möchtest, füge hinter **background:** den Hexadeximalcode für die von dir gewünschte Farbe ein. Beispiel: `background:#**ded7c9**;`. #### Schriftfarbe des Buttons Möchtest du die Schriftfarbe anpassen? Dann ändere den Hexadezimalcode hinter **color:** also beispielsweise: `color:#**676a85**;`. #### Ecken des Buttons Sofern du deinen Button eckiger oder runder gestalten möchtest, kann du die Zahl hinter **border-radius:** ändern, indem du den Radius verkleinerst (eckiger) oder vergrößerst (runder). Beispiel: `border-radius:**8**px;`. ## Einbettungsskript für kostenlose Produkte Um ein kostenloses Produkt, wie beispielsweise ein Freebie oder auch deinen Newsletter, auf deiner Webseite einzubinden, kannst du unser **Einbettungsskript** verwenden. Wie das genau funktioniert, kannst du im Artikel [Kostenloses Produkt auf deiner Website einbetten](https://tentary.com/de/help/kostenloses-produkt-einbetten/) nachlesen.