Programm-Widgets anpassen

Greifen Sie auf den Widget-Editor zu

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

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

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

   

Passen Sie Ihre Widgets an

1

Schritt 1: Wählen Sie eine Vorlage

1. Im linken Ausklappmenü unter Aktuelles Widgetwählen Sie Vorlagen.

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

   

Hinweis: Wenn Sie eine Vorschau sehen möchten, wie die Vorlage aussieht, ohne die Änderung zu übernehmen, wählen Sie [Vorschau] bevor Sie speichern. Wählen Sie die Speichern Schaltfläche erst aus, 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 Kundenbotschafter im Widget sehen.

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

Hinzufügen

1. Auf der rechten Seite der Seite im Komponenten 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 Hinzufügen zu Schaltfläche an der Stelle aus, an der die Komponente auf der Arbeitsfläche erscheinen soll.

   

Bearbeiten

Verschieben

Entfernen

3

Schritt 3: Erscheinungsbild und Design des Widgets anpassen

Bilder oder Logos hinzufügen

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

2. Wählen Sie entweder:

   • Überlagertes Hero-Bild (ein Bild mit überlagertem, bearbeitbarem Text)

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

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

4. In der Komponentenmenüs 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] aus und wählen Sie dann Datei auswählen aus, um ein neues Bild erneut hochzuladen.

   
3. Laden Sie das Bild mit einer der folgenden Methoden hoch:

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

   • Suchen Sie auf Ihrem Computer nach einer Datei

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

4. Wählen Sie Fertig.

Anpassen, welche Teilen-Schaltflächen angezeigt werden

Sie können vorhandene Teilen-Schaltflächen mithilfe des Bearbeiten Menüs bearbeiten.

1. Wählen Sie auf der Arbeitsfläche die Teilen-Schaltfläche aus, die 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 eine neue Teilen-Schaltfläche hinzu, indem Sie den Hinzufügen Menüs bearbeiten.

1. In der Hinzufügen Tab Teilen.

   
2. Wählen Sie die passende Karte aus.

3. Wählen Sie die blaue Hinzufügen zu Schaltfläche aus, um die Komponente auf der Arbeitsfläche zu platzieren.

4

Schritt 4: Vorschau anzeigen und speichern

1. Zeigen Sie eine Vorschau an, wie das Widget für Ihre Teilnehmer aussehen wird, 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 Ihre Arbeit nicht verloren geht.

Wenn Sie Speichernauswählen, werden die Änderungen zu Ihrem Programmentwurf.

Erweiterte Anpassungsoptionen

Mit erweiterten Komponenten können Sie bedingte Inhalte einfügen, die auf der E-Mail, Segment, oder benutzerdefiniertes Feld. Wenn Sie beispielsweise eine Rangliste nur für Teilnehmer anzeigen möchten, die Gold-Abonnenten sind, ermöglicht Ihnen die bedingte Sektion nach Segment Komponente dies.

Sie können erweiterte Komponenten über den Hinzufügen Tab hinzufügen. Die Einrichtung erfordert etwas zusätzlichen Aufwand, da Sie einen JSONata-Ausdruck im 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