---
title: HTML-Layouts
slug: campaign/docs/html-layouts
docTags: 
createdAt: 2026-08-06T15:53:39.176Z
---

Der Content-Schnittstellen-Paragraph bietet Ihnen ein modernes Standard-Layout zur Formatierung Ihrer Angebotstexte und -bilder. Sie können zusätzlich bis zu 5 alternative Layouts einrichten. Wenden Sie sich für alternative Layouts an die [Kundenbetreuung](docId\:ZWe1T3UPz3JW6_4mc76qV).

Wenn Sie über fundierte HTML- und CSS-Kenntnisse verfügen, können Sie selbst alternative HTML-Layouts einrichten. Falls für die Mobilversionen und Textversionen keine alternativen Layouts hinterlegt werden, wird automatisch auf das Standard-Layout zurückgegriffen.

:::hint{type="info"}
**Note**

Unter Umständen werden einzelnen Textbausteine nicht so angeordnet, wie gewünscht.
:::

## Beispiel: Standard-Layout

![Bild: Standard-Layout](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/S7eKaHCktP4Ex04tNGD9v-20260720-145319.png "Bild: Standard-Layout")

## Beispiel: Alternatives Layout

![Bild: Alternatives Layout](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/Ha2L2OItVEt__HompiNv_-20260720-145319.png "Bild: Alternatives Layout")

## Layout auswählen

1. Klicken Sie beim Bearbeiten einer Nachricht im Template-Kit, links in der Vorschau, auf den ihrem Produktangebot übergeordneten Content-Schnittstellen-Paragraphen auf **Content interface**. Auf der rechten Seite öffnet sich das Konfigurationsfenster.
2. Wechseln Sie zum Reiter **Optionen**.
3. Wählen Sie unter dem Punkt **Erscheinungsbild** aus der Drop-down-Liste das Layout aus, das Sie anwenden möchten.

   ![Bild: Layout wählen](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/cXf2gQpIsRyDKfHYw5CrN-20260720-145319.png "Bild: Layout wählen")
4. Bestätigen Sie Ihre Auswahl, indem Sie auf **Übernehmen** klicken. Links in der Vorschau ändert sich entsprechend die Formatierung Ihres Produktangebots.

## Layout bearbeiten

Sie können alternative Layouts nachträglich bearbeiten. Das Standard-Layout ist nicht veränderbar.

:::hint{type="danger"}
**Warning**

Wenn Sie die alternativen Layouts ohne fundierte HTML- und CSS-Kenntnisse bearbeiten, kann dies zu schweren Darstellungsfehlern in Ihren Nachrichten kommen.
:::

1. Klicken Sie links in der Vorschau auf **Einstellungen**.
2. Wechseln Sie zum Reiter **Content-Schnittstelle**. Pro Layout stehen Ihnen Quelltext-Felder für die Desktop-Version, die Mobilversion und die Textversion zur Verfügung.

   ![Bild: Layout-Quelltext](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/uD1ue82-90QRwNq8HAMCP-20260720-145319.png "Bild: Layout-Quelltext")
3. Bearbeiten Sie den Quelltext des entsprechenden Layouts nach Ihren Wünschen.
4. Klicken Sie auf **Übernehmen**.