> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.laposta.org/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.laposta.org/_mcp/server.

# Blöcke mit Vorlagen-Tags wiederholbar machen

> Erstellen Sie mit lp-repeater, lp-layout und lp-sublayout wiederholbare Blöcke und Varianten in Ihrer HTML-Vorlage und richten Sie Seitenumbrüche für das PDF ein.

Beim Erstellen einer Vorlage wissen Sie noch nicht, wie viele Elemente ein Newsletter enthalten wird. Mit drei ineinander verschachtelbaren Tags ermöglichen Sie es der Person, die den Newsletter befüllt, selbst Blöcke hinzuzufügen und zwischen ihnen zu wechseln:

* `<lp-repeater>` bestimmt, welcher Teil Ihres HTML-Codes wiederholt werden darf.
* `<lp-layout>` gibt die Varianten vor, aus denen der Redakteur wählen kann.
* `<lp-sublayout>` bündelt Varianten, die sich stark ähneln.

Innerhalb eines Repeaters bestimmen Sie außerdem mit der Klasse `lp-pagebreak`, wo ein Seitenumbruch erfolgt, wenn der Newsletter als PDF heruntergeladen wird.

> **Note**
>
> Diese Tags funktionieren nur in einer importierten HTML-Vorlage, nicht im Drag & Drop-Editor. Lesen Sie mehr unter [Eine selbst erstellte Vorlage in Laposta importieren](/welke-opties-biedt-laposta-bij-een-zelfgemaakt-sjabloon).

## Blöcke mit `<lp-repeater>` wiederholbar machen

Platzieren Sie `<lp-repeater>` um den HTML-Abschnitt, der wiederholt werden darf. Im Editor kann der Block dann so oft hinzugefügt werden, wie es nötig ist.

### Optionen

**`lp-label`**

Die Überschrift, die im Editor links auf dem Bildschirm über den Layouts (und eventuellen Sublayouts) dieses Repeaters steht. Geben Sie kein Label an, zeigt der Editor eine allgemeine Überschrift an („Teil 1“, „Teil 2“ und so weiter). Enthält die Vorlage nur einen Repeater, erscheint keine Überschrift.

---

### Beispiel

```html
<lp-repeater lp-label="Blöcke Oberseite">
<table width="600">
<tr>
<td width="300">
<img lp-edit lp-resizable lp-min-width="100" lp-max-width="300" src="" width="300">
</td>
<td width="300">
<lp-multiline lp-label="Ein Absatz">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</lp-multiline>
</td>
</tr>
</table>
</lp-repeater><br />
```

## Varianten mit `<lp-layout>` anbieten

Innerhalb eines Repeaters können Sie verschiedene Blöcke anbieten, aus denen der Redakteur wählen kann, wie zum Beispiel einen Block mit dem Foto links und dem Text rechts, einen mit dem Foto rechts und drei Fotos nebeneinander.

Platzieren Sie `<lp-layout>` innerhalb von `<lp-repeater>` um jeden Block, den Sie als Auswahl anbieten möchten.

### Optionen

**`lp-label`**

Der Name, unter dem Sie den Block im Editor auswählen können. Laposta erstellt von jedem Layout einen Screenshot, sodass der Benutzer sofort das Design sieht.

---

**`lp-onrender`**

Stellt dieses Layout sofort bereit, sobald die Vorlage zum ersten Mal geladen wird. Ohne dieses Attribut sind Repeater beim Start leer und der Benutzer muss selbst Blöcke hinzufügen. Für beispielsweise einen Header-Block ist das sofortige Bereitstellen praktischer.

---

**`lp-sublayout-content`**

Bestimmt, ob Sublayouts ihren Inhalt teilen. Siehe: [Ähnliche Varianten mit `<lp-sublayout>` bündeln](#vergelijkbare-varianten-bundelen-met-lp-sublayout).

---

### Beispiel

```html
<lp-repeater>
<lp-layout lp-label="Foto mit Text">
<table width="600">
<tr>
<td width="300">
<img lp-edit lp-resizable lp-min-width="100" lp-max-width="300" src="" width="300">
</td>
<td width="300">
<lp-multiline lp-label="Ein Absatz">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</lp-multiline>
</td>
</tr>
</table>
</lp-layout>
<lp-layout lp-label="Drei Bilder in einer Reihe" lp-onrender>
<table width="600">
<tr>
<td width="200">
<img lp-edit src="" width="200">
</td>
<td width="200">
<img lp-edit src="" width="200">
</td>
<td width="200">
<img lp-edit src="" width="200">
</td>
</tr>
</table>
</lp-layout>
</lp-repeater><br />
```

## Ähnliche Varianten mit `<lp-sublayout>` bündeln

Ähneln sich Varianten stark, wird die Liste der einzelnen Layouts schnell lang. Denken Sie an ein Bild mit Text und denselben Aufbau zusätzlich mit einer Schaltfläche, oder einen Block in drei Hintergrundfarben. Mit `<lp-sublayout>` bündeln Sie solche Varianten unter einem Layout. Der Benutzer platziert dann zuerst das Layout und kann danach zwischen den Sublayouts wechseln.

### Optionen

**`lp-default`**

Bestimmt, welches Sublayout erscheint, sobald das Layout zum Newsletter hinzugefügt wird. Ohne dieses Attribut ist das das erste Sublayout.

---

**`lp-sublayout-content`**

Bestimmt mit dem Wert `shared` oder `individual`, ob die Sublayouts ihren Inhalt teilen. Hinweis: Dieses Attribut setzen Sie in das `<lp-layout>`-Tag, nicht in `<lp-sublayout>`.

---

Wechselt der Redakteur beispielsweise zwischen einem Sublayout mit Bild und Text und einem Sublayout mit Bild, Text und Schaltfläche, dann bestimmt `lp-sublayout-content`, was mit dem eingegebenen Inhalt geschieht:

| Wert                | Was geschieht                                                                                                                                                                                      |
| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `shared` (Standard) | Die Sublayouts teilen ihren Inhalt. Wenn Sie die Variante wechseln, bleiben der Text und das Bild erhalten.                                                                                        |
| `individual`        | Jedes Sublayout hat einen eigenen Inhalt. Das ist praktisch, wenn sich der Aufbau stark unterscheidet oder wenn der Inhalt getrennt bleiben muss, beispielsweise bei zwei Varianten eines Footers. |

## Seitenumbrüche mit `lp-pagebreak` bestimmen

Jeder Newsletter lässt sich in Laposta [als PDF herunterladen](/kan-ik-verzonden-nieuwsbrieven-ook-printen). Standardmäßig besteht ein solches PDF aus einer langen Seite, und wenn Laposta mehrseitige PDFs für Sie freigeschaltet hat, wird der Newsletter ohne zusätzliche Einstellung willkürlich auf die Seiten verteilt. Vor allem beim Ausdrucken ist das nicht immer praktisch.

In einer importierten Vorlage können Sie den Redakteur selbst bestimmen lassen, wo eine neue Seite beginnt. Platzieren Sie dafür innerhalb eines Repeaters einen HTML-Abschnitt mit der Klasse `lp-pagebreak`. Dieser Block ist zwar im Editor sichtbar, aber nicht im gesendeten Newsletter. Im PDF beginnt an dieser Stelle eine neue Seite. Für das Design dieses Blocks gibt es keine Einschränkungen, da er nur im Editor zu sehen ist.

### Beispiel

```html
<lp-layout lp-label="Neue Seite beim Ausdrucken">

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="lp-pagebreak"><tr><td align="center"><hr></td></tr></table>
</lp-layout>
```

Möchten Sie mehrseitige PDFs verwenden, senden Sie bitte eine E-Mail an den Helpdesk unter [helpdesk@laposta.nl](mailto:helpdesk@laposta.nl). Der Helpdesk sorgt dann dafür, dass Sie diese PDFs in Laposta herunterladen können.

## Verwandte Artikel

#### [Text mit Vorlagen-Tags änderbar machen](/tags-om-tekst-te-wijzigen)

Machen Sie einzelne Textzeilen und längere Textblöcke in einer eigenen HTML-Vorlage bearbeitbar.

#### [Ein automatisches Inhaltsverzeichnis mit Vorlagen-Tags erstellen](/tags-om-een-inhoudsopgave-te-tonen)

Mit dem Tag lp-toc erstellen Sie in einer eigenen HTML-Vorlage automatisch ein…

#### [Welche Blöcke gibt es im Editor?](/welke-inhoudsblokken-kan-ik-gebruiken-in-de-drag-drop-editor)

Übersicht über die elf Blöcke, mit denen Sie eine Kampagne oder Vorlage aufbauen, und…

#### [Die Formatierung auf andere Blöcke kopieren](/kopieren-van-de-opmaak-van-een-blok)

So kopieren Sie das Design eines Blocks auf einmal auf alle anderen Blöcke desselben…