> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/elemente-als-vorlage-speichern-und-wiederverwenden.md).

# Elemente als Vorlage speichern und wiederverwenden

## Was eine Elementvorlage bewirkt

Eine Elementvorlage speichert **ein einzelnes Bauteil** aus dem Website-Editor als wiederverwendbare Kopie. Das kann zum Beispiel ein Button, eine Überschrift, ein Bild oder ein Formular sein. Beim Speichern bleiben der Inhalt des Elements und seine Gestaltung erhalten – etwa Schrift, Farben, Abstände und Form.

So verwendest du bewährte Bauteile auf weiteren Seiten, ohne sie jedes Mal neu aufzubauen. Das sorgt für ein einheitliches Erscheinungsbild und spart Zeit.

> **Wichtig:** Eine Elementvorlage ist eine **statische Kopie**. Änderst du eine bereits eingefügte Kopie, werden andere Kopien und die gespeicherte Vorlage nicht automatisch geändert.

## Wann eine Elementvorlage sinnvoll ist

Speichere ein Element als Vorlage, wenn du es wiederholt in sehr ähnlicher Form brauchst, zum Beispiel:

* einen Button für die Terminbuchung;
* eine Überschrift mit festgelegter Schrift und Abstand;
* ein Bild-Text-Element;
* ein bereits geprüftes Formular;
* eine wiederkehrende Handlungsaufforderung.

Eine Vorlage eignet sich für **ein einzelnes Element**, nicht für eine gesamte Seite. Prüfe deshalb vor dem Speichern besonders den sichtbaren Text, den Link und eventuelle Platzhalter.

## Das brauchst du vorher

* Bearbeitungsrechte für die betreffende Website oder den Funnel.
* Eine bestehende oder neue Seite im Website-Editor.
* Ein fertig gestaltetes Element, das du mehrfach einsetzen möchtest.

Gespeicherte Elementvorlagen stehen allen Personen mit Bearbeitungsrechten im selben ONE LOOP Standort zur Verfügung. Plane daher keine persönlichen Testnamen oder interne Hinweise in eine Vorlage ein, die andere später auswählen können.

## Element als Vorlage speichern

1. Öffne **Websites** und wähle im Bereich für Websites oder Funnels das passende Projekt.
2. Öffne die Seite im Editor.
3. Klicke das Element an, das du speichern möchtest – zum Beispiel den Button auf einer Startseite.
4. Kontrolliere vor dem Speichern:
   * Text und Schreibweise,
   * Ziel-Link oder Formularziel,
   * Farben, Schrift und Abstände,
   * Darstellung in der Desktop- und Mobilansicht.
5. Wähle am ausgewählten Element das **Speichern-Symbol**. Es öffnet sich der Dialog zum Speichern des Elements.
6. Gib im Feld für den Namen eine klare Bezeichnung ein, zum Beispiel `Button – Termin buchen – dunkel`.
7. Wähle **Speichern**.

Nach dem Speichern liegt das Element als Karte in der Vorlagenbibliothek. Dort zeigt der Editor eine Vorschau; daran erkennst du oft schneller als am Namen, ob du die richtige Vorlage auswählst.

### Alternativer Weg über „Ebenen“

Wenn das Element auf einer dicht aufgebauten Seite schwer anzuklicken ist, kannst du denselben Vorgang über die Seitenstruktur starten:

1. Öffne im Editor oben links **Ebenen**.
2. Klappe **Seite** und anschließend die passende Sektion oder Zeile auf.
3. Klappe die enthaltenen Bereiche weiter auf, bis das gewünschte Element sichtbar ist.
4. Klicke beim Element auf das **Drei-Punkte-Menü**.
5. Wähle **Element speichern**.
6. Vergib den Namen und speichere wie oben beschrieben.

Dieser Weg verändert das Element nicht. Er hilft lediglich, die richtige Überschrift, das richtige Bild oder den richtigen Button in der Seitenstruktur eindeutig zu finden.

## Elementvorlage oder synchronisierte Vorlage?

Beim Speichern kann der Editor – je nach sichtbarer Auswahl – zusätzlich eine **universelle Vorlage** anbieten.

| Auswahl                 | Was danach passiert                                                                | Wann sie passt                                                                                                |
| ----------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
| **Elementvorlage**      | Jede eingefügte Version ist eine unabhängige Kopie.                                | Wenn du Gestaltung und Inhalt wiederverwenden, einzelne Seiten später aber unterschiedlich anpassen möchtest. |
| **Universelle Vorlage** | Änderungen an der Vorlage werden an den anderen Stellen dieser Vorlage mitgeführt. | Nur wenn derselbe Baustein überall identisch bleiben soll und Änderungen zentral wirken dürfen.               |

Beim späteren Einfügen öffnest du immer zuerst **Gespeicherte Elemente**. Wähle dort die Kategorie, die zu deiner Speicherentscheidung passt. Eine normal gespeicherte Elementvorlage findest du unter **Elementvorlagen**; eine zentral gepflegte Variante erscheint getrennt davon. Suche daher nicht nur in der ersten Kategorie, wenn du dich beim Speichern bewusst für die zentrale Variante entschieden hast.

Wähle im Zweifel die normale **Elementvorlage**. Sie ist für Einsteiger:innen sicherer, weil eine Änderung auf einer Seite keine anderen Seiten unbeabsichtigt verändert.

## Vorlage auf einer anderen Seite einsetzen

1. Öffne die Zielseite im Website-Editor.
2. Klicke an der Stelle, an der das Element erscheinen soll, auf das **Plus** zum Hinzufügen.
3. Öffne **Gespeicherte Elemente**.
4. Wähle **Elementvorlagen**.
5. Nutze bei vielen Vorlagen das Suchfeld und prüfe die Vorschau.
6. Wähle die passende Vorlage aus und füge sie an der gewünschten Stelle ein.
7. Prüfe direkt auf der Seite Inhalt, Position, Link und Darstellung.
8. Speichere die Seite und teste sie in der Vorschau.

Die ursprüngliche Gestaltung wird mit eingefügt. Passe die neue Kopie nur dann an, wenn die Zielseite tatsächlich eine abweichende Aussage, Verlinkung oder Gestaltung benötigt.

## Vorlagen pflegen

In der Bibliothek kannst du gespeicherte Elemente umbenennen oder löschen. Die sichtbaren Aktionen an einer Vorlage helfen dabei, einen unklaren Namen zu korrigieren oder nicht mehr benötigte Testvorlagen zu entfernen.

Das Löschen entfernt die Vorlage aus der Bibliothek. Bereits auf einer Seite eingefügte Kopien bleiben erhalten, weil sie nicht mit der normalen Elementvorlage synchronisiert sind.

Aktuell gibt es keine feste Obergrenze für die Anzahl der Elementvorlagen, aber auch keine Ordnerstruktur. Ein klares Namensschema ist daher entscheidend. Bewährt hat sich:

`Elementart – Zweck – Variante`

Beispiele:

* `Button – Termin buchen – dunkel`
* `Formular – Rückruf – kompakt`
* `Überschrift – Erstgespräch – groß`

## Vor dem Veröffentlichen prüfen

1. Füge die Vorlage zunächst auf einer Testseite oder in einem unveröffentlichten Bereich ein.
2. Vergleiche die Vorschau mit der gespeicherten Vorlage: Text, Schrift, Abstand und Farbe.
3. Teste jeden Button und jedes Formular mit dem tatsächlichen Zielweg.
4. Wechsle im Editor zwischen Desktop- und Mobilansicht.
5. Ändere testweise die eingefügte Kopie und prüfe, dass andere Kopien unverändert bleiben.
6. Erst wenn alles stimmt, veröffentliche die Zielseite.

## Häufige Probleme

### Ich finde die Vorlage nicht

Öffne beim Hinzufügen **Gespeicherte Elemente > Elementvorlagen** und suche mit einem aussagekräftigen Wort aus dem Namen. Prüfe außerdem, ob du im selben ONE LOOP Standort arbeitest, in dem die Vorlage gespeichert wurde.

### Die Vorlage sieht auf der neuen Seite anders aus

Kontrolliere zuerst, ob du wirklich die richtige Vorlagenkarte eingefügt hast. Prüfe danach den verfügbaren Platz, die umliegende Sektion und die Mobilansicht. Ändere nur die eingefügte Kopie, wenn die Abweichung ausschließlich auf dieser Seite nötig ist.

### Eine Änderung hat andere Seiten nicht aktualisiert

Das ist das erwartete Verhalten einer normalen Elementvorlage: Sie ist eine Kopie. Wenn ein Baustein künftig zentral aktualisiert werden soll, prüfe vorab, ob die universelle Vorlage für diesen Fall geeignet ist.

### Die Bibliothek wird unübersichtlich

Benenne Vorlagen einheitlich und entferne nicht mehr benötigte Testvorlagen. Da keine Ordner zur Sortierung verfügbar sind, ist ein klarer Name der schnellste Weg zur richtigen Auswahl.

## Praxisbeispiel: geprüfter Buchungsbutton

Ein Beratungsunternehmen hat einen Button mit dem Text „Gespräch buchen“, einer festen Farbe und einem getesteten Buchungslink gestaltet.

1. Das Team prüft Text, Link und Mobilansicht.
2. Es wählt den Button im Editor aus, speichert ihn als `Button – Gespräch buchen – blau` und legt ihn als Elementvorlage ab.
3. Auf einer neuen Leistungsseite öffnet das Team **+ > Gespeicherte Elemente > Elementvorlagen** und sucht nach „Gespräch“.
4. Es fügt den Button ein und prüft den Link auf der neuen Seite.
5. Für eine Sonderseite ändert es nur den Buttontext der eingefügten Kopie. Die Buttons auf den anderen Seiten bleiben unverändert.

So bleibt die Gestaltung wiedererkennbar, während einzelne Seiten bei Bedarf ihre eigene Aussage behalten.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/elemente-als-vorlage-speichern-und-wiederverwenden.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.