Modifica l'HTML e il CSS del Tuo Widget o Microsite per Advocate

Puoi personalizzare i widget e il microsito di Advocate con HTML e CSS aggiuntivi per allinearne meglio l'aspetto al tuo brand. Utilizzando l'editor HTML integrato di Advocate, puoi aggiungere struttura, stile e persino sovrascrivere alcuni componenti predefiniti per una personalizzazione più profonda.

Nota: La modifica di HTML/CSS personalizzato è disponibile solo per determinate edizioni di Advocate. Contatta assistenza per aggiornare il tuo account e accedere a questa funzione.

Perché usare HTML o CSS personalizzato?

HTML personalizzato e CSS inline ti permettono di:

• Adeguarti più precisamente alle linee guida del brand della tua azienda

• Riformattare layout e spaziatura

• Applicare stili oltre a quelli disponibili nell'editor predefinito

• Sovrascrivere lo stile di determinati componenti del widget o del microsito

Importante: Il nostro team di supporto fornisce assistenza limitata per problemi introdotti da codice personalizzato. Se non sei sicuro, ti consigliamo di lavorare con il tuo team di implementazione Advocate o con il team post-lancio.

Modifica l'HTML o il CSS

Modifica il tuo microsito

Puoi modificare l'HTML o il CSS per effettuare ulteriori personalizzazioni del tuo microsito utilizzando l'editor HTML integrato. Sebbene l'editor HTML offra maggiore flessibilità nel design del microsito, tieni presente che non siamo in grado di risolvere problemi derivanti da modifiche effettuate con HTML o CSS personalizzati.

1. Nel menu di navigazione a sinistra, seleziona [Engage] → Contenuto.

2. Sulla scheda del microsito, seleziona Modifica contenuto.

3. Nella scheda Microsite, seleziona il layout o la pagina il cui codice vuoi modificare.

4. Seleziona [Vista codice] nella barra del menu in alto.

5. Aggiungi o modifica HTML e CSS secondo necessità.

6. Il CSS può essere aggiunto in tre modi:

   • Importando un foglio di stile CSS esterno

   • In cima alla pagina in un <style> tag:

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

   • Inline, per applicare uno stile a un elemento HTML specifico:

   <h3 style="font-size:30px;color:blue;">Ricevi ricompense quando il tuo amico utilizza il nostro prodotto</h3> 

7. Seleziona [Pennello] per anteprima le tue modifiche.

8. Seleziona Salva bozza per salvare, oppure Pubblica per rendere effettive le modifiche.

Modifica il tuo widget

Modifica componenti usando CSS Parts

Alcuni componenti incorporati nel tuo widget o microsito non possono essere completamente stilizzati tramite l'editor visuale. In alcuni casi, puoi sovrascriverne l'aspetto usando i CSS parts, che consentono un controllo più granulare.

Se desideri effettuare aggiornamenti di stile avanzati, il team di impact.com può consigliare su ciò che è possibile e condividere i selettori CSS part rilevanti. Se sei interessato a modificare i componenti con i CSS parts, contatta il tuo team di implementazione Advocate o il team di supporto post-lancio.