Das HTML und CSS Ihres Widgets oder Ihrer Microsite für Advocate bearbeiten

Sie können Ihre Advocate-Widgets und Ihre Microsite mit zusätzlichem HTML und CSS anpassen, um besser mit dem Erscheinungsbild Ihrer Marke übereinzustimmen. Mit dem integrierten HTML-Editor von Advocate können Sie Struktur und Styling hinzufügen und sogar bestimmte Standardkomponenten für eine tiefere Anpassung überschreiben.

Hinweis: Die Bearbeitung von benutzerdefiniertem HTML/CSS ist nur für bestimmte Advocate-Editionen verfügbar. Kontaktieren Sie Support um Ihr Konto zu aktualisieren und auf diese Funktion zuzugreifen.

Warum benutzerdefiniertes HTML oder CSS verwenden?

Benutzerdefiniertes HTML und Inline-CSS ermöglichen Ihnen:

• Die Markenrichtlinien Ihres Unternehmens genauer einhalten
• Layout und Abstände neu formatieren
• Stile anwenden, die über das im Standard-Editor verfügbare hinausgehen
• Ausgewählte Widget- oder Microsite-Komponentengestaltung überschreiben

Wichtig: Unser Support-Team bietet nur eingeschränkte Hilfe bei Problemen, die durch benutzerdefinierten Code verursacht wurden. Wenn Sie unsicher sind, empfehlen wir die Zusammenarbeit mit Ihrem Advocate-Implementierungs- oder Post-Launch-Team.

HTML oder CSS bearbeiten

Ihre Microsite bearbeiten

Sie können das HTML oder CSS bearbeiten, um mithilfe des integrierten HTML-Editors weitere Anpassungen an Ihrer Microsite vorzunehmen. Während der HTML-Editor zusätzliche Flexibilität beim Microsite-Design ermöglicht, beachten Sie bitte, dass wir keine Fehlerbehebung für Anpassungen mit benutzerdefiniertem HTML oder CSS vornehmen können.

1. Wählen Sie im linken Navigationsmenü [Engage] → Inhalt.
2. Auf der Microsite-Karte wählen Sie Inhalt bearbeiten.
3. Wählen Sie auf der Registerkarte „Microsite“ das Layout oder die Seite aus, deren Code Sie bearbeiten möchten.
4. Wählen Sie [Codeansicht] in der oberen Menüleiste.
5. Fügen Sie bei Bedarf HTML und CSS hinzu oder ändern Sie diese.
6. CSS kann auf drei Arten hinzugefügt werden:

   • Durch Importieren eines externen CSS-Stylesheets
   • Am Anfang der Seite in einem <style> Tag:

   <style>
     p {
       color: blue;
     }
   
     .exampleClass {
       color: green;
       font-size: 25px;
       text-align: center;
     }
   
     #exampleId {
       color: red;
       font-size: 30px;
     }
   </style> 

   • Inline, um einen Stil auf ein bestimmtes HTML-Element anzuwenden:

   <h3 style="font-size:30px;color:blue;">Erhalten Sie eine Belohnung, wenn Ihr Freund unser Produkt verwendet</h3> 

7. Wählen Sie [Pinsel] um Ihre Änderungen in der Vorschau anzuzeigen.
8. Wählen Sie Entwurf speichern zum Speichern oder Veröffentlichen um Änderungen live zu schalten.

Widget bearbeiten

Sie können das HTML oder CSS bearbeiten, um mithilfe des integrierten HTML-Editors weitere Anpassungen an Ihrem Widget vorzunehmen. Während der HTML-Editor zusätzliche Flexibilität beim Widget-Design ermöglicht, beachten Sie bitte, dass wir keine Fehlerbehebung für Anpassungen mit benutzerdefiniertem HTML oder CSS vornehmen können.

1. Wählen Sie im linken Navigationsmenü [Engage] → Inhalt.
2. Auf der Widgets Karte, wählen Sie Widget bearbeiten.
3. Unter Programm-Widgets, wählen Sie das Widget aus, das Sie bearbeiten möchten.

1. Wählen Sie in der oberen Menüleiste [Klammern].
2. Fügen Sie Ihr HTML im Body der Seite hinzu oder bearbeiten Sie es.
3. CSS kann auf drei Arten hinzugefügt werden:

   • Durch Importieren eines externen CSS-Stylesheets
   • Am Anfang der Seite in einem <style> Tag:

   <style>
     p {
       color: blue;
     }
   
     .exampleClass {
       color: green;
       font-size: 25px;
       text-align: center;
     }
   
     #exampleId {
       color: red;
       font-size: 30px;
     }
   </style> 

   • Inline, um einen Stil auf ein bestimmtes HTML-Element anzuwenden:

   <h3 style="font-size:30px;color:blue;">Erhalten Sie eine Belohnung, wenn Ihr Freund unser Produkt verwendet</h3> 

4. Wählen Sie [Pinsel] um Ihre Änderungen in der Vorschau anzuzeigen.
5. Wählen Sie Entwurf speichern zum Speichern oder Veröffentlichen um Änderungen live zu schalten.

Komponenten mit CSS Parts bearbeiten

Einige integrierte Komponenten in Ihrem Widget oder Ihrer Microsite lassen sich mit dem visuellen Editor nicht vollständig gestalten. In bestimmten Fällen können Sie ihr Erscheinungsbild mithilfe von CSS Parts überschreiben, was eine feinere Steuerung ermöglicht.

Wenn Sie fortgeschrittene Stilaktualisierungen vornehmen möchten, kann das impact.com-Team Sie darüber beraten, was möglich ist, und Ihnen alle relevanten CSS-Part-Selektoren mitteilen. Wenn Sie daran interessiert sind, Komponenten mit CSS Parts zu bearbeiten, wenden Sie sich an Ihr Advocate-Implementierungs- oder Post-Launch-Support-Team.