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.
Inhalt
Link
Mithilfe eines Links kannst du die Verkaufs- oder Bezahlseite deines Produktes mit deinen Kund:innen teilen.
Öffne hierzu die Produktübersicht 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 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 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.
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.
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:
<script src="https://app.tentary.com/public/embed.js"></script>
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:
<a href="https://shop.tentary.com/p/MeinProdukt" style="background:#ff633e;border-radius:4px;color:#ffffff;font-size:15px;padding:4px 12px;display:inline-block;font-weight:600;">Name des Buttons</a>
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:8px;.
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 nachlesen.
