Widgets und Microsites mit dem Content-Editor anpassen

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

Zentrale Branding-Steuerung

Über die 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 Benutzers unterschiedlich aus, zum Beispiel ob er angemeldet ist, ein Fehler auftritt oder die Ansicht auf einem mobilen Gerät erfolgt. Mit unseren Editor-Vorschauen können Sie ganz einfach zwischen allen möglichen Zuständen Ihres Widgets oder Ihrer Microsite wechseln.

Hinweis: Die Vorschau ist eher auf Widgets (z. B. Sofortzugriffs-Widgets) und Komponenten (z. B. Bargeld, Prämienumtausch) anwendbar. 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 auszuführen, 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 vs. abgemeldete Benutzer
• Fehler- und Erfolgsmeldungen
• Verschiedene Schritte in einem mehrstufigen Ablauf (wie der Verifizierung einer Barauszahlung)

So passen Sie Ihren Branding-Stil an:

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

   • Wählen Sie für Widgets Widgets bearbeiten und wählen Sie für Microsites Inhalt 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 wählen Sie dann Widget-Stil/Microsite-Stil.
4. Wählen Sie Ihre Markenfarbe aus, um die Hauptfarbe in Ihrem Widget oder Ihrer Microsite zu ändern.
5. Wählen Sie anschließend den Schriftstil aus, den Sie verwenden möchten.
6. [Optional] Gehen Sie die verbleibenden Stiloptionen durch, um Ihre Markenidentität im Widget oder in der Microsite vollständig anzupassen.

Referenz zu den Elementen des Stil-Editors

Stilelement	Beschreibung
Hauptmarkenfarbe	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 weiter unten in den Bearbeitungsoptionen auch in den Abschnitten „Primärschaltfläche“ und „Sekundärschaltfläche“ verwendet.
Schriftart	Wählen Sie den Schriftstil aus, der in Ihrem Widget oder Ihrer Microsite verwendet werden soll.
Farbe	Wählen Sie die verschiedenen Farben und Akzente aus, die in Ihrem Widget oder Ihrer Microsite verwendet werden sollen: • Hintergrund Wählen Sie eine Farbe aus, die der Hintergrund Ihres Widgets oder Ihrer Microsite haben soll. • Text Sie können die Schriftfarbe sowohl für den Haupttext als auch für den dezent dargestellten Text im Widget oder in der Microsite ändern. • Akzentfarbe Ändern Sie die Farben Ihrer Akzente. Dazu gehören Elemente wie Registerkarten oder Symbole im Widget oder in der Microsite. • Zusätzliche Farben Sie können Farbe und Akzente für jedes Element je nach Widget- oder Microsite-Typ weiter anpassen.
Primärschaltfläche	Wählen Sie das Farbschema für Ihre Primär- bzw. Hauptschaltfläche aus. Sie können außerdem die Pixelzahl für den Eckenradius um die Schaltfläche anpassen. Erweitern Sie den Hover-Zustand Bereich, um die Farbe auszuwählen oder zu ändern, in die Ihre Schaltfläche wechselt, sobald ein Benutzer mit der Schaltfläche hovert oder interagiert.
Sekundärschaltfläche	Wählen Sie das Farbschema für Ihre Sekundärschaltfläche aus. Sie können außerdem die Pixelzahl für den Eckenradius um die Schaltfläche anpassen. Erweitern Sie den Hover-Zustand Bereich, um die Farbe auszuwählen oder zu ändern, in die Ihre Schaltfläche wechselt, sobald ein Benutzer mit der Schaltfläche hovert oder interagiert.
Rahmen	Ändern Sie die Farbe und Kontur Ihrer Komponenten, wie Tabellen oder Karten, in Ihrem Widget oder Ihrer Microsite. • Farbe Wählen Sie die Farbe Ihres Rahmens aus. • Dicke Geben Sie einen Wert in Pixeln ein, um die Dicke Ihres Rahmens festzulegen. • Eckenradius Geben Sie einen Wert in Pixeln ein, um den Radius Ihres Rahmens festzulegen.
Formularfelder	Wählen Sie die Farbe aus, die Sie für die verschiedenen Formularfelder in Ihrem Widget oder Ihrer Microsite wünschen. Dazu gehören alle Eingabefelder, die der Benutzer ausfüllt. Sie können auch einen Wert in Pixeln eingeben, um die Größe des Eckenradius zu ändern. Erweitern Sie den Erweiterte Optionen Bereich, um die Farben des ausgewählten Zustands oder 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 Pop-up-Widgets anpassen. Wählen Sie eine Mindest- und Höchstgröße aus und wählen Sie in den Dropdown-Optionen die Maßeinheit aus. Legen Sie die Maße entweder in Pixeln oder in Prozent fest.