Usa HTML e CSS con i tuoi moduli

Piani ActiveCampaign
Starter
Plus
Pro
Enterprise

Con ActiveCampaign, è possibile utilizzare il blocco Codice HTML per personalizzare il modulo con HTML e CSS per modificare gli elementi.

Si prega di notare che l'utilizzo di HTML e CSS con il modulo è per utenti esperti. Devi sentirti a tuo agio con queste lingue. Se non hai familiarità con HTML o CSS, ti consigliamo di lavorare con un membro del tuo team che lo è. Ci sono anche diverse grandi risorse là fuori dove puoi imparare HTML e CSS come questo.

Il nostro Team di Esperienza del Cliente non è in grado di aiutarti a creare o risolvere i problemi relativi al codice HTML o CSS che aggiungi al modulo.

HTML

È possibile utilizzare il blocco HTML per aggiungere il proprio codice HTML al modulo. Il codice HTML aggiunto verrà applicato solo a questo blocco, non all'intero modulo.

È possibile utilizzare questo blocco per incorporare collegamenti nel testo, creare elenchi puntati, formattare qualsiasi testo in questo blocco e altro ancora.

Si prega di notare che il blocco HTML può essere utilizzato solo su moduli inline. Il box flottante, la barra flottante e i moduli modali non hanno la possibilità di aggiungere un blocco HTML.

Aggiungere il blocco Codice HTML al modulo:

  1. Dal Generatore di moduli fare clic su Campi Campi contatto.
  2. Trascina il blocco "Codice HTML" nel layout del modulo.
  3. Fare clic sul codice di blocco HTML nel layout del modulo.
  4. Nel riquadro di destra verrà visualizzato testo di esempio e codice HTML. Digitare o incollare il codice in questa casella nel riquadro di destra.

Quando si aggiungono il codice e il testo a questa casella, verrà visualizzato il nuovo testo e la formattazione applicati al blocco nel layout del modulo.

CSS

È possibile utilizzare il pannello CSS Moduli e la modalità Controlla per modificare gli elementi visivi del modulo, ad esempio la regolazione della larghezza del pulsante di invio, la regolazione del tipo e delle dimensioni del carattere, la centratura del testo in un elemento, la modifica del colore del testo e altro ancora. Tutti i tipi di modulo includono il pannello di input CSS personalizzato e Inspector.

Aggiungi CSS personalizzati al modulo:

  1. Fai clic sul pulsante "Avanti" in alto a destra del Generatore di moduli.

    Pulsante CSS.jpeg

  2. Un pannello di input personalizzato apparirà nella parte inferiore della schermata del generatore di moduli. Posiziona il cursore e fai clic sugli elementi del modulo per visualizzare la barra laterale specifica dell'elemento.
  3. Fare clic sul pulsante "Inspector", quindi fare clic sull'elemento del modulo che si desidera modificare.
  4. Aggiungi il tuo CSS personalizzato al pannello di input personalizzato.
  5. Per uscire dalla modalità Inspector, fare nuovamente clic sul pulsante "Inspector".
  6. Per chiudere la sovrapposizione di codice nel modulo, fai clic sul pulsante CSS nella parte superiore del generatore.