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

Sie können Ihre Advocate-Widgets und 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 Stil hinzufügen und sogar bestimmte Standardkomponenten für tiefere Anpassungen überschreiben.

Hinweis: Die Bearbeitung von benutzerdefiniertem HTML/CSS ist nur in bestimmten 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:

• Die Markenrichtlinien Ihres Unternehmens besser einzuhalten

• Layout und Abstände neu zu formatieren

• Stile anzuwenden, die über die im Standardeditor verfügbaren Optionen hinausgehen

• Das Styling ausgewählter Widget- oder Microsite-Komponenten zu überschreiben

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

Bearbeiten Sie das HTML oder CSS

Bearbeiten Sie Ihre Microsite

Sie können das HTML oder CSS bearbeiten, um weitere Anpassungen an Ihrer Microsite mit dem integrierten HTML-Editor vorzunehmen. Während der HTML-Editor zusätzliche Flexibilität im Microsite-Design ermöglicht, beachten Sie bitte, dass wir Änderungen, die mit benutzerdefiniertem HTML oder CSS vorgenommen wurden, nicht beheben können.

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

2. Wählen Sie auf der Microsite-Karte 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 [Code-Ansicht] 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

   • Oben auf 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;">Werden Sie belohnt, wenn Ihr Freund unser Produkt verwendet</h3> 

7. Wählen Sie [Pinsel] um Ihre Aktualisierungen vorzuschauen.

8. Wählen Sie Entwurf speichern um zu speichern, oder Veröffentlichen um Änderungen live zu schalten.

Bearbeiten Sie Ihr Widget

Komponenten mit CSS Parts bearbeiten

Einige integrierte Komponenten in Ihrem Widget oder Ihrer Microsite können nicht vollständig über den visuellen Editor gestaltet werden. In bestimmten Fällen können Sie deren Erscheinungsbild mit CSS Parts überschreiben, die eine granularere Kontrolle ermöglichen.

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