Widgets und Microsites mit dem Inhaltseditor anpassen

Der Content-Editor ermöglicht es Ihnen, Widgets und Microsites zu erstellen, die nahtlos zur Identität Ihrer Marke passen und Ihren Kundinnen und Kunden so ein konsistentes und vertrauenswürdiges Erlebnis bieten. Ein klar gebrandeter Kontaktpunkt ist entscheidend, um hohe Interaktion und eine hohe Programmakzeptanz zu fördern.

Zentrale Branding-Steuerung

Mit der Stiloption für Widgets oder Microsites 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 der Nutzerinnen und Nutzer unterschiedlich aus, zum Beispiel ob sie angemeldet sind, auf einen Fehler stoßen oder auf einem Mobilgerät anzeigen. Unsere Vorschauen im Editor ermöglichen es Ihnen, ganz einfach zwischen allen möglichen Zuständen Ihres Widgets oder Ihrer Microsite zu wechseln.

Hinweis: Die Vorschau ist eher für Widgets (z. B. Instant-Access-Widgets) und Komponenten (z. B. Bargeld, 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 auszuführen, um zu sehen, wie eine Komponente aussieht. Sie können nun Text und Design für jeden Schritt der User Journey mit Zuversicht bearbeiten, einschließlich:

• Ansichten für angemeldete vs. abgemeldete Nutzer
• Fehler- und Erfolgsmeldungen
• Verschiedene Schritte in einem mehrstufigen Ablauf (wie die Verifizierung der Barauszahlung)

So passen Sie Ihren Branding-Stil an:

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

   • Für Widgets wählen Sie Widgets bearbeiten und für Microsites wählen Sie 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 als Nächstes den Schriftstil aus, den Sie verwenden möchten.
6. [Optional] Fahren Sie mit den übrigen Stiloptionen fort, um die Identität Ihrer Marke innerhalb des Widgets oder der Microsite vollständig anzupassen.

   

Referenz zu den 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 Hauptfarbe der Marke aus. Diese Farbe wird weiter unten in den Bearbeitungsoptionen auch in den Bereichen Primär-Button und Sekundär-Button verwendet.
Schrift	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 dezent dargestellten Text innerhalb des Widgets oder der Microsite ändern. • Akzentfarbe Ändern Sie die Farben Ihrer Akzente. Dazu gehören Elemente wie Registerkarten oder Symbole innerhalb des Widgets oder der Microsite. • Zusätzliche Farben Sie können Farbe und Akzente für jedes Element je nach Widget- oder Microsite-Typ weiter anpassen.
Primäre Schaltfläche	Wählen Sie das Farbschema aus, das Ihr Primär- oder Hauptbutton haben soll. Sie können außerdem die Pixelangabe für den Rahmenradius um den Button anpassen. Erweitern Sie den Hover-Zustand Bereich, um die Farbe weiter auszuwählen oder zu ändern, in die sich Ihr Button ändert, sobald ein Nutzer den Button mit der Maus berührt oder mit ihm interagiert.
Sekundäre Schaltfläche	Wählen Sie das Farbschema aus, das Ihr Sekundär-Button haben soll. Sie können außerdem die Pixelangabe für den Rahmenradius um den Button anpassen. Erweitern Sie den Hover-Zustand Bereich, um die Farbe weiter auszuwählen oder zu ändern, in die sich Ihr Button ändert, sobald ein Nutzer den Button mit der Maus berührt oder mit ihm interagiert.
Rahmen	Ändern Sie die Farbe und die Rahmenkontur Ihrer Komponenten, wie etwa Tabellen oder Karten, innerhalb Ihres Widgets oder Ihrer Microsite. • Farbe Wählen Sie die Farbe Ihres Rahmens aus. • Stärke Geben Sie eine Einheit in Pixeln ein, um die Stärke Ihres Rahmens festzulegen. • Rahmenradius Geben Sie eine Einheit 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 die Nutzerin oder der Nutzer ausfüllt. Sie können außerdem eine Einheit in Pixeln eingeben, um die Größe des Rahmenradius zu ändern. Erweitern Sie den Erweiterte Optionen Bereich, 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 Maximalgröße aus und wählen Sie in den Dropdown-Optionen die Maßeinheit aus. Entscheiden Sie sich, die Maße entweder in Pixeln oder in Prozent festzulegen.