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:
- Dal Generatore di moduli fare clic su Campi Campi contatto.
- Trascina il blocco "Codice HTML" nel layout del modulo.
- Fare clic sul codice di blocco HTML nel layout del modulo.
- 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:
-
Fai clic sul pulsante "Avanti" in alto a destra del Generatore di moduli.
- 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.
- Fare clic sul pulsante "Inspector", quindi fare clic sull'elemento del modulo che si desidera modificare.
- Aggiungi il tuo CSS personalizzato al pannello di input personalizzato.
- Per uscire dalla modalità Inspector, fare nuovamente clic sul pulsante "Inspector".
- Per chiudere la sovrapposizione di codice nel modulo, fai clic sul pulsante CSS nella parte superiore del generatore.