Widgets und Microsites mit dem Inhaltseditor anpassen

Der Content-Editor ermöglicht es Ihnen, Widgets und Microsites zu erstellen, die nahtlos zu Ihrer Markenidentität passen und Ihren Kunden ein konsistentes und vertrauenswürdiges Erlebnis bieten. Ein gut gebrandeter Touchpoint ist entscheidend, um hohe Interaktion und Programmakzeptanz zu fördern.

Zentrale Branding-Steuerelemente

Mit der Widget- oder Microsite-Stiloption können Sie die zentralen Designelemente Ihrer Marke ganz einfach finden und aktualisieren. Alle Branding-Einstellungen befinden sich in einem eigenen Branding-Bereich.

Widgets oder Microsites sehen je nach Kontext des Nutzers unterschiedlich aus, zum Beispiel ob er angemeldet ist, auf einen Fehler stößt oder auf einem mobilen Gerät angezeigt wird. Mit den Vorschauen unseres Editors können Sie ganz einfach zwischen allen möglichen Zuständen Ihres Widgets oder Ihrer Microsite wechseln.

Hinweis: Die Vorschau ist eher für Widgets (z. B. Instant-Access-Widgets) und Komponenten (z. B. Barauszahlung, Prämienumtausch) geeignet. Um Microsites in der Vorschau anzuzeigen, müssen Sie zu den verschiedenen Microsite-Seiten navigieren, um die Zustände zu sehen.

Dadurch entfällt die Notwendigkeit, Aktionen manuell abzuschließen, um zu sehen, wie eine Komponente aussehen wird. Sie können nun den Text und das Design für jeden Schritt der User Journey sicher bearbeiten, einschließlich:

• Ansichten für angemeldete und nicht angemeldete Nutzer

• Fehler- und Erfolgsmeldungen

• Verschiedene Schritte in einem mehrstufigen Ablauf (z. B. Verifizierung der Barauszahlung)

So passen Sie Ihren Branding-Stil an:

1. Wählen Sie im linken Navigationsmenü [Engage] → Inhalt.

   • Für Widgets wählen Sie Widgets bearbeiten und für Microsites wählen Sie Inhalte bearbeiten.

2. Wählen Sie im linken Menü aus, ob Sie die Microsite oder das Widget bearbeiten möchten.

3. Wählen Sie die Seitenvorlage aus, die Sie bearbeiten möchten, und dann wählen Sie Widget-Stil/Microsite-Stil.

4. Wählen Sie Ihre Markenfarbe aus, um die Hauptfarbe zu ändern, die in Ihrem Widget oder Ihrer Microsite angezeigt wird.

5. Wählen Sie anschließend den gewünschten Schriftstil aus.

6. [Optional] Gehen Sie die verbleibenden Stiloptionen durch, um Ihre Markenidentität innerhalb des Widgets oder der Microsite vollständig anzupassen.

   

Referenz zu Elementen des Stil-Editors

Stilelement	Beschreibung
Hauptfarbe der Marke	Diese Farbe wird in verschiedenen Elementen Ihres Widgets oder Ihrer Microsite verwendet, daher ist es wichtig, diesen Schritt abzuschließen. Wählen Sie Ihre Hauptmarkenfarbe aus. Diese Farbe wird auch in den Abschnitten Primäre Schaltfläche und Sekundäre Schaltfläche weiter unten in den Bearbeitungsoptionen verwendet.
Schriftart	Wählen Sie den Schriftstil aus, der in Ihrem Widget oder Ihrer Microsite angezeigt werden soll.
Farbe	Wählen Sie die verschiedenen Farben und Akzente aus, die in Ihrem Widget oder Ihrer Microsite angezeigt werden sollen: • Hintergrund Wählen Sie eine Farbe für den Hintergrund Ihres Widgets oder Ihrer Microsite aus. • Text Sie können die Schriftfarbe sowohl für den Haupttext als auch für den dezenten Text innerhalb des Widgets oder der Microsite ändern. • Akzentfarbe Ändern Sie die Farben Ihrer Akzente. Dazu gehören Elemente wie Tabs oder Symbole innerhalb des Widgets oder der Microsite. • Zusätzliche Farben Sie können Farben und Akzente für jedes Element je nach Widget- oder Microsite-Typ weiter anpassen.
Primäre Schaltfläche	Wählen Sie das Farbschema für Ihre primäre bzw. Hauptschaltfläche aus. Sie können außerdem die Pixelanzahl für den Rahmenradius um die Schaltfläche anpassen. Erweitern Sie den Hover-Zustand Abschnitt, um die Farbe weiter auszuwählen oder zu ändern, in die Ihre Schaltfläche wechselt, sobald ein Nutzer mit ihr interagiert oder mit ihr hovert.
Sekundäre Schaltfläche	Wählen Sie das Farbschema für Ihre sekundäre Schaltfläche aus. Sie können außerdem die Pixelanzahl für den Rahmenradius um die Schaltfläche anpassen. Erweitern Sie den Hover-Zustand Abschnitt, um die Farbe weiter auszuwählen oder zu ändern, in die Ihre Schaltfläche wechselt, sobald ein Nutzer mit ihr interagiert oder mit ihr hovert.
Rahmen	Ändern Sie die Farbe und Umrandung Ihrer Komponenten, wie Tabellen oder Karten, innerhalb Ihres Widgets oder Ihrer Microsite. • Farbe Wählen Sie die Farbe Ihres Rahmens aus. • Stärke Geben Sie einen Wert in Pixeln ein, um die Stärke Ihres Rahmens festzulegen. • Rahmenradius Geben Sie einen Wert in Pixeln ein, um den Radius Ihres Rahmens festzulegen.
Formularfelder	Wählen Sie die gewünschte Farbe für die verschiedenen Formularfelder innerhalb Ihres Widgets oder Ihrer Microsite aus. Dazu gehören alle Eingabefelder, die der Nutzer ausfüllt. Sie können außerdem einen Wert in Pixeln eingeben, um die Größe des Rahmenradius zu ändern. Erweitern Sie den Erweiterte Optionen Abschnitt, um die Farben des ausgewählten Zustands oder des Hover-Zustands Ihrer Formularfelder weiter anzupassen.
Widget-Größe	Ändern Sie die Größe Ihrer Widgets innerhalb der Vorlage. Sie können die Abmessungen sowohl für eingebettete als auch für Popup-Widgets anpassen. Wählen Sie eine Mindest- und Höchstgröße aus und wählen Sie in den Dropdown-Optionen die Maßeinheit. Entscheiden Sie sich, die Maße in Pixeln oder in Prozent festzulegen.