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 sie besser an das Erscheinungsbild Ihrer Marke anzugleichen. Mit dem integrierten HTML-Editor von Advocate können Sie Struktur und Styling hinzufügen und sogar bestimmte Standardkomponenten für eine weitergehende Anpassung überschreiben.

Hinweis: Die Bearbeitung von benutzerdefiniertem HTML/CSS ist nur für bestimmte Advocate-Editionen verfügbar. Kontaktieren Sie den 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 Folgendes:

• Die Markenrichtlinien Ihres Unternehmens genauer einhalten
• Layout und Abstände neu formatieren
• Stile anwenden, die über das hinausgehen, was im Standardeditor verfügbar ist
• Das Styling ausgewählter Widget- oder Microsite-Komponenten ü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 mit dem integrierten HTML-Editor weitere Anpassungen an Ihrer Microsite vorzunehmen. Der HTML-Editor bietet zwar zusätzliche Flexibilität beim Design der Microsite, beachten Sie jedoch, dass wir keine Fehlerbehebung für Änderungen mit benutzerdefiniertem HTML oder CSS durchführen können.

1. Wählen Sie im linken Navigationsmenü [Engage] → Content.
2. Auf der Microsite-Karte wählen Sie Inhalt bearbeiten.
3. Wählen Sie im Tab „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 sie.
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;">Sie werden belohnt, wenn Ihr Freund unser Produkt nutzt</h3> 

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

Ihr Widget bearbeiten

Komponenten mithilfe von CSS Parts bearbeiten

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

Wenn Sie erweiterte Stilaktualisierungen vornehmen möchten, kann das impact.com-Team Sie dazu beraten, was möglich ist, und Ihnen alle relevanten CSS-Part-Selektoren mitteilen. Wenn Sie Komponenten mit CSS Parts bearbeiten möchten, wenden Sie sich an Ihr Advocate-Implementierungs- oder Post-Launch-Supportteam.