# Das Element im Builder verwenden

## Das Element einfügen

1. Öffnen Sie die Seite im YOOtheme-Builder.
2. Fügen Sie ein neues Element hinzu und wählen Sie im Element-Browser die Gruppe *Graup-IT* → *Backlinkseller*.
3. Speichern Sie die Seite und rufen Sie sie im Frontend auf — dort erscheinen die Links.

![Der Element-Browser des Builders mit der Gruppe Graup-IT und dem Element Backlinkseller](https://docs.graup-it.de/uploads/images/gallery/2026-08/doku-04-elementbrowser.png)

<div class="callout info" id="bkmrk-im-builder-selbst-se">Im Builder selbst sehen Sie die Links in der Regel nicht: Der Abruf richtet sich nach der Adresse der aufgerufenen Seite, und die Vorschau ist eine andere. Zum Prüfen der Einrichtung gibt es den *Test-Modus*, siehe unten.

</div>## Test-Modus

Der Schalter *Test Modus* am Element ersetzt die Linkliste durch eine Übersicht der Werte, die aus den Plugin-Einstellungen ankommen: Kennung, Kanal, Seitenadresse, Zwischenspeicherdauer und Debug-Zustand. Ist keine Kennung hinterlegt, steht das dort ausdrücklich.

So prüfen Sie, ob das Element die Einstellungen sieht — ohne auf eine echte Antwort des Dienstes angewiesen zu sein. **Vor der Veröffentlichung wieder ausschalten.**

## Darstellung

Das Element folgt der Gestaltung des YOOtheme-Listenelements. Sie stellen ein:

- **Type:** untereinander (*vertical*) oder nebeneinander (*horizontal*).
- **Marker** und **Marker Color:** Aufzählungszeichen und dessen Farbe — nur bei der vertikalen Darstellung.
- **Style** und **Size:** Trennlinien, Streifen, Schriftgröße.
- **Separator:** das Trennzeichen zwischen den Einträgen — nur bei der horizontalen Darstellung. Vorgabe ist ein Komma mit Leerzeichen.
- **Columns**, **Columns Breakpoint** und **Divider:** mehrspaltiger Umbruch ab einer Bildschirmbreite, wahlweise mit Trennlinie.
- **HTML Element:** `ul` oder `ol`. Mit der Option daneben wird die Liste zusätzlich in ein `<nav>` gefasst — sinnvoll, wenn die Links als Navigationsblock gelten sollen.
- **Content Style** und **Link Style:** Textstil des Eintrags und Stil des Links.

Dazu kommen die üblichen YOOtheme-Einstellungen für Abstand, Breite, Ausrichtung, Animation und Sichtbarkeit.

## Wie ein Eintrag aufgebaut ist

Backlinkseller liefert je Eintrag meist einen Link mit etwas Text davor oder danach. Die Erweiterung trennt beides und gibt es in dieser Reihenfolge aus: Text davor, Link, Text danach. Enthält ein Eintrag keinen brauchbaren Link, erscheint er als reiner Text.

Aus dem Link werden nur Adresse, Linktext sowie die Angaben `rel`, `target` und `title` übernommen. Alles andere aus der Antwort wird verworfen — das ist eine Sicherheitsmaßnahme, siehe [Datenschutz und Sicherheit](https://docs.graup-it.de/books/backlinkseller/page/datenschutz-und-sicherheit).

## Mehrere Elemente auf einer Seite

Sie können das Element mehrfach platzieren. Alle Elemente teilen sich dieselben Plugin-Einstellungen und damit denselben Abruf — sie zeigen also dieselben Links, können aber unterschiedlich gestaltet sein.

<small>Gilt für Version 2.7.3.</small>