# Kauf-Buttons, Bilder und Rechtstexte in eigenem HTML

> So verlinkst du auf deiner HTML-Seite deine Produkte, bindest Bilder ein und ergänzt Links zu Impressum und Datenschutzerklärung.

Source: https://tentary.com/de/help/kauf-buttons-und-bilder-in-html/
Last updated: 2026-11-06

---

Eine HTML-Seite ist ein leeres Blatt für deinen Code. Hier erfährst du, wie du Produkte verlinkst, Bilder einbindest und deine Rechtstexte ergänzt.

## Kauf-Button einbauen

Ein Kauf-Button ist ein normaler Link zu deinem Produkt:

1. Öffne im Menü [**Produkte**](https://app.tentary.com/products) und klicke beim gewünschten Produkt auf **Teilen**.
2. Klicke im Bereich **Links** bei **Verkaufsseite** oder **Bezahlseite** auf **Link kopieren**.
3. Setze den Link in deinen Code ein oder gib ihn deinem KI-Tool.

![Der Dialog Produkt teilen mit den Links zur Verkaufsseite und zur Bezahlseite](https://tentary.com/help/de/kauf-buttons-und-bilder-in-html/produkt-teilen.webp)

```html
<a href="https://meinshop.mytentary.com/p/ABCDEF/checkout">Jetzt kaufen</a>
```

Welchen Link du nimmst, hängt von deiner Seite ab:

- **Bezahlseite:** Wer klickt, kann direkt bezahlen. Das passt, wenn deine Landingpage das Produkt schon vollständig erklärt.
- **Verkaufsseite:** Wer klickt, sieht zuerst die Beschreibung deines Produkts.

Die Links aus dem Bereich **Links** beginnen mit deiner Shop-Adresse. Nimm sie auch dann, wenn du Affiliates nutzt, denn so kann Tentary die Käufe über deine Seite dem richtigen Affiliate zuordnen.

> **Tipp:** Hänge `?coupon=` und einen Code an den Link, zum Beispiel `…/checkout?coupon=SOMMER25`. Der Rabatt gilt dann automatisch. Mehr dazu unter [Rabattcodes](https://tentary.com/de/help/rabattcodes/).

Möchtest du, dass sich die Verkaufsseite als Pop-up auf deiner Seite öffnet, nutze den Code aus dem Bereich **Webseitenintegration**. Mehr dazu unter [Produkte teilen](https://tentary.com/de/help/produkte-teilen/#webseitenintegration). Für ein kostenloses Produkt gibt es das [Einbettungsskript](https://tentary.com/de/help/kostenloses-produkt-einbetten/). Für die Newsletter-Anmeldung nutzt du das [E-Mail-Anmeldeformular](https://tentary.com/de/help/anmeldeformular-in-eigenem-html/).

## Bilder einbinden

Auf der HTML-Seite gibt es keinen Bild-Upload. Du bindest Bilder deshalb über ihre Adresse ein:

```html
<img src="https://deine-website.de/bilder/titelbild.webp" alt="Beschreibung des Bildes">
```

Dafür hast du drei Möglichkeiten:

- **Öffentliche Adresse:** Das Bild liegt bei einem Dienst deiner Wahl, zum Beispiel bei deinem Webhosting, und ist dort ohne Login erreichbar. Das ist für die meisten Seiten der beste Weg.
- **Verbundene KI-App:** Eine [mit Tentary verbundene KI-App](https://tentary.com/de/help/landingpage-mit-ki-erstellen/#weg-2-ki-app-mit-tentary-verbinden) kann Bilder in Tentary hochladen und direkt in deine Seite einsetzen. Das geht mit PNG, JPG, GIF und WebP bis 10 MB.
- **Direkt im Code:** Ein Bild lässt sich auch als Base64-Text in den Code einbetten. Das zählt aber zur Grenze von 1 MB. Nutze diesen Weg also nur für sehr kleine Bilder wie ein Icon.

## Rechtstexte verlinken

Deine HTML-Seite enthält nur deinen Code, also auch keine Fußzeile von Tentary. Ergänze Links zu deinem Impressum und deiner Datenschutzerklärung deshalb selbst.

Du nutzt dafür die Rechtstexte, die du unter [**Rechtstexte & Widerruf**](https://app.tentary.com/settings/legal) hinterlegt hast. Mehr dazu unter [AGB, Widerruf, Datenschutz und Impressum einrichten](https://tentary.com/de/help/agb-und-rechtstexte/). Die Adressen findest du so:

1. Öffne deinen Shop oder die Verkaufsseite eines Produkts.
2. Klicke unten auf den Link zum Rechtstext, zum Beispiel auf das Impressum.
3. Kopiere die Adresse aus der Adresszeile deines Browsers.
