Programm-Widgets anpassen

Auf den Widget-Editor zugreifen

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

2. In der Widgets Karte, wählen Sie Widgets bearbeiten.

3. Wählen Sie im linken Slideout-Menü den Namen des Widgets aus, das Sie bearbeiten möchten.

   

Passen Sie Ihre Widgets an

1

Schritt 1: Eine Vorlage auswählen

1. Wählen Sie im linken Slideout-Menü unter Aktuelles Widget, wählen Sie Vorlagen.

2. Wählen Sie Vorlage anwenden neben der Vorlage aus, mit der Sie beginnen möchten.

   

Hinweis: Wenn Sie in der Vorschau sehen möchten, wie die Vorlage aussieht, ohne die Änderung zu übernehmen, wählen Sie [Vorschau] vor dem Speichern aus. Wählen Sie die Speichern Schaltfläche erst, wenn Sie bereit sind, die vorgenommenen Änderungen zu übernehmen.

2

Schritt 2: Widget-Inhalt anpassen

Sie können Komponenten hinzufügen, bearbeiten, verschieben oder entfernen, um den Inhalt zu ändern, den Ihre Customer Advocates im Widget sehen.

Hinweis: Eine Erklärung der verschiedenen Elemente des Widget-Editors finden Sie unter Übersicht des Widget-Editors.

Hinzufügen

1. Auf der rechten Seite der Seite, im Komponente Menüs Hinzufügen Tab wählen Sie eine Komponenten-Gruppe aus.

   • Erfahren Sie mehr über die verfügbaren Komponenten und wie sie gruppiert sind.

2. Wählen Sie die passende Komponente aus.

3. Wählen Sie die blaue Zu Schaltfläche an der Stelle, an der die Komponente auf der Arbeitsfläche erscheinen soll.

   

Bearbeiten

Verschieben

Entfernen

3

Schritt 3: Aussehen und Design des Widgets anpassen

Bilder oder Logos hinzufügen

1. Wählen Sie rechts im Komponente Menüs Hinzufügen Tab die Allgemeine Komponenten Kategorie aus.

2. Wählen Sie entweder:

   • Overlay Hero Image (ein Bild mit darüberliegendem, bearbeitbarem Text)

   • Bild (ein einfaches Bild ohne Text darüber)

3. Fügen Sie das Bild zur Arbeitsfläche hinzu.

4. Wählen Sie im Komponenten-Menü Bearbeiten Tab die Datei auswählen Schaltfläche unter der Bild Überschrift.

   

Bilder oder Logos ersetzen

1. Wählen Sie auf der Arbeitsfläche das Foto aus, das Sie ändern möchten.

2. Wählen Sie im Bearbeiten Menü [Entfernen] und wählen Sie dann Datei auswählen aus, um ein neues Bild erneut hochzuladen.

   
3. Laden Sie das Bild mit einer dieser Methoden hoch:

   • Ziehen Sie das Bild per Drag-and-drop hinein

   • Suchen Sie eine Datei auf Ihrem Computer

   • Wählen Sie im Webadresse Tab, fügen Sie die öffentliche URL der Datei ein

4. Wählen Sie Fertig.

Anpassen, welche Share-Buttons angezeigt werden

Sie können vorhandene Share-Buttons über das Bearbeiten Menü bearbeiten.

1. Wählen Sie auf der Arbeitsfläche den Share-Button aus, den Sie bearbeiten möchten.

2. Wählen Sie im Bearbeiten Tab, wählen Sie den Namen der Website oder des Dienstes unter dem Freigabemedium Überschrift.

   

Fügen Sie über das einen neuen Share-Button hinzu Hinzufügen Menü bearbeiten.

1. Wählen Sie im Hinzufügen Tab, wählen Sie Teilen.

   
2. Wählen Sie die passende Karte aus.

3. Wählen Sie die blaue Zu Schaltfläche, um die Komponente auf der Arbeitsfläche zu platzieren.

4

Schritt 4: Vorschau und speichern

1. Sehen Sie sich in der Vorschau an, wie das Widget für Ihre Teilnehmer erscheint, indem Sie [Vorschau] in der oberen Menüleiste auswählen.

   • Sie können zwischen einer Vorschau der Erfahrung für [Desktop], [Tablet]oder [Mobil] Benutzer wechseln, indem Sie das entsprechende Gerätesymbol auswählen.

2. Um zur Bearbeitungsoberfläche zurückzukehren, wählen Sie [Bearbeiten] in der oberen Menüleiste auswählen.

   
3. Speichern Ihre Änderungen.

   Warnung: Der Widget-Editor speichert Ihre Änderungen nicht automatisch. Klicken Sie häufig auf Speichern um sicherzustellen, dass Sie Ihre Arbeit nicht verlieren.

Wenn Sie Speichernauswählen, werden die Änderungen zu Ihrem Programm-Entwurf.

Erweiterte Anpassungsoptionen

Erweiterte Komponenten ermöglichen es Ihnen, bedingte Inhalte einzubeziehen, die auf dem E-Mail, Segmentoder benutzerdefinierten Felddes Teilnehmers basieren. Wenn Sie zum Beispiel eine Rangliste nur für Teilnehmer anzeigen möchten, die ein Gold-Abonnement haben, ermöglicht Ihnen die bedingter Abschnitt nach Segment Komponente dies.

Sie können erweiterte Komponenten über das Hinzufügen Tab hinzufügen. Die Einrichtung erfordert etwas zusätzliche Arbeit, da Sie einen JSONata-Ausdruck in das Bedingung Feld eingeben müssen, das die Logik definiert, wann die Bedingung erfüllt ist. Wenden Sie sich an unser Support-Team wenn Sie Hilfe benötigen.

Mehr erfahren

• Bearbeiten Sie das HTML Ihres Widgets oder Microsites für Advocate

• Benutzerdefinierte NPM-Pakete für Advocate installieren