Collega Webflow ad ActiveCampaign

Con l'integrazione di Webflow di ActiveCampaign, puoi collegare più siti Web Webflow e moduli al tuo account ActiveCampaign. L’integrazione è pensata sia per chi ha un singolo sito Webflow, sia per agenzie in crescita che gestiscono più account di clienti finali.

Con questa integrazione puoi:

• Sincronizza e mappa i moduli Webflow su ActiveCampaign.
• Incorpora i moduli di ActiveCampaign con un clic.
• Crea liste, tag e campi personalizzati in Webflow senza uscire dal tuo ambiente.
• Abilita un potente monitoraggio del sito e degli eventi in pochi clic — niente codice necessario.
• Vedi tutta la cronologia dei moduli nella scheda del tuo contatto (solo con il piano ActiveCampaign Enterprise).

Prendi nota

• Questa è un’integrazione diretta all’interno del tuo workspace Webflow. La configurazione dell’integrazione si completa all’interno di ogni sito Webflow.
• Questa integrazione è disponibile in tutti i piani di ActiveCampaign e Webflow.
• I clienti ActiveCampaign Enterprise avranno accesso a Oggetti personalizzati per acquisire più invii di modulo dallo stesso contatto.
• La mappatura dei campi è disponibile quando è integrata con un modulo Webflow.
• La mappatura dei campi non è necessaria quando è integrato con un modulo di ActiveCampaign.

Collega il tuo account Webflow ad ActiveCampaign

1. Dal tuo account Webflow, clicca sull’icona Apps nel menu a sinistra.
2. Cerca ActiveCampaign nella barra di ricerca in alto a sinistra.
3. Passa il mouse su ActiveCampaign nella lista, poi fai clic sul pulsante "Installa" che compare.
4. Una volta installato, passa il mouse su ActiveCampaign nella sezione "Connected" e clicca su "Launch".
5. Nel modal di accesso di ActiveCampaign:
   
   • Inserisci il tuo URL di ActiveCampaign.
   • Inserisci la tua ActiveCampaign API Key.
   • (Facoltativo) Dai al tuo account ActiveCampaign un nome intuitivo per identificare facilmente gli account in Webflow.
   • Seleziona la casella "Aggiungi a questo sito" e l’account ActiveCampaign collegato sarà connesso solo a questo sito.
   • Seleziona la casella “Add to workspace” e l’account ActiveCampaign connesso sarà accessibile in tutti i siti nel tuo workspace Webflow.
6. Clicca su "Accedi".
   
   

Sincronizza i moduli di Webflow con ActiveCampaign

La sincronizzazione del tuo modulo Webflow ti permette di associare i campi di Webflow ai campi di ActiveCampaign, creare nuove liste, tag e campi personalizzati, e recuperare liste, tag e campi già esistenti. Una volta aggiornato il mapping dei campi, tutti i nuovi invii seguiranno le nuove regole di mapping.

1. Dal tuo account Webflow, clicca sull’icona App nel menu a sinistra.
2. Cerca ActiveCampaign nella barra di ricerca in alto a sinistra.
3. Passa il mouse su ActiveCampaign nella sezione "Connesso" e fai clic su "Avvia".
4. Fai clic sull’account ActiveCampaign con cui vuoi lavorare.
5. Fai clic su "Sincronizza i moduli Webflow con ActiveCampaign."
6. Clicca sul modulo Webflow che vuoi sincronizzare, poi clicca "Imposta sincronizzazione modulo."
7. Se sul tuo sito ci sono più moduli Webflow, puoi selezionare manualmente il modulo per la mappatura dei campi cliccando "Selezionare il modulo manualmente?"
8. Dal menu a discesa “Select ActiveCampaign List”, seleziona una lista esistente oppure crea una nuova lista.
   
   • Se crei una nuova lista, compila i seguenti campi:
     
     • Nome lista
     • Descrizione
     • URL della lista (URL del sito web aziendale per conformità legale)
     • Messaggio di promemoria
       
       

         Una volta creata la nuova lista, verrà selezionata automaticamente nel menu a discesa “Select ActiveCampaign List”.

9. Una volta selezionata una lista, clicca "Continua alla mappatura dei campi".
10. Rivedi la configurazione della sincronizzazione, poi fai clic su "Salva & Active Sync."
11. Associa i campi di Webflow ai campi di ActiveCampaign:
    
    • Sincronizza campi aggiuntivi facendo clic su Aggiungi un altro mapping dei campi
    • Crea nuovi campi personalizzati di ActiveCampaign cliccando su Crea nuovo campo di ActiveCampaign, poi:
      
      1. Inserisci il nome del nuovo campo personalizzato e il tipo di campo.
      2. Fai clic su Crea campo
    • Se i tipi di campo non corrispondono, comparirà un messaggio di avviso. Scopri di più sugli avvisi di avvertenza sul tipo di campo.
12. Nel campo “Tag”, puoi includere più tag esistenti o nuovi da associare a un contatto. Per aggiungere tag:
    
    • Tag esistenti: devi digitare l’intero nome del tag, poi clicca il nome del tag quando compare sotto il campo.
    • Nuovi tag: digita il nome del tag, poi clicca "Crea (nome tag)"
13. Dopo aver completato la mappatura dei campi e la selezione dei tag, clicca su "Avvia sincronizzazione".
14. Importante: fai clic su "Publish Webflow Site". Pubblicare il sito attiverà la configurazione di sincronizzazione per gli invii del modulo.
15. Per modificare o eliminare la sincronizzazione del tuo modulo, fai clic su "View All Syncs."

Avvisi di avvertenza sul tipo di campo

Oggetti personalizzati: registra più invii dai contatti

Disponibile su Enterprise.

• Scopri come effettuare l’upgrade del tuo account ActiveCampaign oppure contatta il nostro team customer experience.
• Per i nostri partner agenzia o rivenditori, contatta il tuo Partner Manager.

Se usi un modulo inline di ActiveCampaign:

Puoi aggiungere campi di oggetto personalizzato solo ai moduli inline. Questo ti permette di raccogliere dati da più invii di modulo dallo stesso contatto, e poi mostrarli e agire su quelle informazioni.

Scopri come creare moduli con gli oggetti personalizzati per configurare questa impostazione.

Se usi un modulo Webflow:

ActiveCampaign creerà automaticamente uno storico di ogni invio del modulo dallo stesso contatto nella sezione Webflow del nostro oggetto personalizzato, all’interno del record del tuo contatto.

Per trovare l’oggetto personalizzato di Webflow in ActiveCampaign, apri la scheda di un contatto, poi scorri in basso fino alla sezione sotto Tag, Lista e Automazioni:

• Per dare un nome al tuo oggetto personalizzato, aggiorna la sezione delle impostazioni del modulo in Webflow.
• Per vedere una lista dei campi collegati al tuo modulo Webflow e i rispettivi valori, clicca sui tre puntini > Dettagli nella sezione dell’oggetto personalizzato nella scheda del contatto, e si aprirà un pannello a destra.
  
  

Scopri come usare i dati dal tuo oggetto personalizzato di Webflow per attivare trigger e personalizzare le email nella nostra panoramica sugli oggetti personalizzati.

Usa gli oggetti personalizzati dei contatti con le automazioni

Puoi usare gli oggetti personalizzati per attivare le automazioni, personalizzare i tuoi messaggi e creare condizioni con il costruttore di segmenti.

Ecco un elenco di azioni di automazione che puoi usare per fare riferimento ai dati dell’oggetto personalizzato.

Puoi anche usare gli oggetti personalizzati quando crei segmenti di lista, ricerche avanzate, campagne, punteggi del lead e webhook. Scopri come usare gli oggetti personalizzati con le automazioni.

Incorpora un modulo ActiveCampaign in Webflow

Puoi cercare e incorporare, con un clic, qualsiasi modulo inline, modulo a barra, modulo pop-up o modulo modale di ActiveCampaign nel tuo sito Webflow.

Importante:

• Non vedrai l’anteprima del tuo modulo ActiveCampaign nell’ambiente Webflow
• Non devi mappare il tuo modulo di ActiveCampaign
• Gli invii del modulo verranno registrati in base ai tuoi campi standard e personalizzati
• Invii multipli dello stesso modulo dallo stesso contatto potrebbero essere sovrascritti, a meno che tu non abbia impostato un oggetto personalizzato per il modulo. Questa funzione è disponibile per i clienti ActiveCampaign Enterprise
• Se usi il blocco "Caricamento file" nel tuo modulo, il file non verrà sincronizzato nel tuo campo personalizzato né caricato su ActiveCampaign
• Fai clic su "Publish Webflow Site". Pubblicare il tuo sito attiverà la configurazione di sincronizzazione per l’invio dei moduli

Come incorporare un modulo di ActiveCampaign in Webflow:

1. Dal tuo account Webflow, fai clic sull’icona delle app nel menu a sinistra.
2. Cerca ActiveCampaign nella barra di ricerca in alto a sinistra.
3. Passa il mouse su ActiveCampaign nella sezione "Connesso" e clicca su "Avvia".
4. Clicca sull’account ActiveCampaign con cui vuoi lavorare.
5. Fai clic su "Incorpora i moduli di ActiveCampaign in Webflow".
6. Cerca il modulo di ActiveCampaign nella lista.
   
   
   
   
7. Nell ambiente Webflow, seleziona la sezione del tuo modulo in cui vuoi incorporare il modulo.
8. Poi, nella modale, clicca "Incorpora" accanto al modulo che vuoi incorporare. Un messaggio di successo in verde apparirà in alto a destra quando il modulo è stato incorporato.
9. Per controllare la posizione del modulo dopo averlo incorporato in Webflow, fai clic sull’icona con tre linee orizzontali. Puoi anche spostare il modulo in un’altra sezione da quest’area in Webflow.
   
   
   
   
10. Importante: fai clic su "Publish Webflow Site".

Abilita il monitoraggio eventi di ActiveCampaign

Aggiungi il monitoraggio eventi al tuo sito Webflow per raccogliere le interazioni degli utenti e attivare automazioni in ActiveCampaign. I tipi di eventi disponibili per il tracciamento includono:

• Clic: traccia i clic su immagini, campi, pulsanti, ecc. per un contatto noto
• Elemento visibile: traccia se un contatto noto ha raggiunto o visualizzato diverse sezioni del sito web.
• Tempo sulla pagina: misura, in secondi, per quanto tempo un contatto noto rimane su una pagina specifica.

Come configurare il monitoraggio eventi di ActiveCampaign in Webflow:

1. Dal tuo account Webflow, clicca sull’icona Apps nel menu a sinistra.
2. Cerca ActiveCampaign nella barra di ricerca in alto a sinistra.
3. Passa il mouse su ActiveCampaign nella sezione "Connesso" e fai clic su "Avvia".
4. Fai clic sull’account ActiveCampaign con cui vuoi lavorare.
5. Fai clic su "Abilita il monitoraggio eventi di ActiveCampaign".
6. Per recuperare la tua Event Key e l’Act ID, vai al tuo account ActiveCampaign e clicca su Website > Site tracking nel menu a sinistra. Nella sezione “Monitoraggio eventi”, attiva l’interruttore:
   
   • La chiave evento è l’informazione presente nel campo "Event Key".
   • ID azione: Fai clic sull’hyperlink “Event Tracking API”. L’ID dell’atto è il numero nel primo punto elenco.
7. In Webflow, inserisci la tua Event Key e l’Act ID.
8. Fai clic su “Salva credenziali”. Una volta salvate, il tuo accesso verrà ricordato per i futuri accessi.

Come configurare il monitoraggio eventi nella tua pagina Webflow:

1. Una volta configurato il monitoraggio eventi, dalla modale del monitoraggio eventi, seleziona qualsiasi elemento nel Webflow Designer per aggiungere il monitoraggio eventi e tenere traccia delle interazioni degli utenti.
2. La modale si aggiornerà con nuove opzioni in base all’elemento che scegli nell’ultimo passaggio. Seleziona un “Tipo di evento” e un “ActiveCampaign Event” per l’elemento.
3. Per creare un nuovo ActiveCampaign Event: clicca su “Create New ActiveCampaign Event”, poi inserisci “Event Description” e “Event Name”. Questi verranno mostrati nella scheda attività del contatto:
   
   
   
   • “Descrizione eventi” - Nell'esempio qui sotto, la descrizione degli eventi è “Questo evento mi porta a una seconda pagina.”
   • "Nome evento" - Nell'esempio qui sotto, il Nome evento è "Testo del pulsante".
     
     
     
     
4. Fai clic su "Crea evento". L’evento appena creato sarà nel menu a discesa e visibile nella sezione monitoraggio eventi del tuo account ActiveCampaign.
5. IMPORTANTE: fai clic su "Publish Webflow Site. Pubblicando il sito, la configurazione di sincronizzazione diventerà attiva per il monitoraggio eventi.
6. Per rimuovere il monitoraggio eventi dagli elementi, clicca sull’icona del cestino.

Monitoraggio eventi Tempo sulla pagina

Monitorare gli eventi Time on Page è un ottimo modo per valutare il coinvolgimento degli utenti sul tuo sito web. Questa metrica misura quanto tempo un utente trascorre su una pagina specifica, dal momento in cui la pagina si carica fino a quando passa a un’altra pagina o chiude il browser. Questi dati sono preziosissimi per chi fa marketing e vuole ottimizzare il sito per l’esperienza utente e la pertinenza dei contenuti.

Potrai monitorare l’evento nel registro Attività recenti nel record del tuo contatto. L’evento può anche attivare un’automazione, avviare la personalizzazione nelle email, e essere usato per la segmentazione.

Per attivare il monitoraggio del tempo sulla pagina, nella finestra del Monitoraggio eventi, sposta l’interruttore su on.

Attiva il monitoraggio del sito di ActiveCampaign

Il monitoraggio del sito collega i tuoi processi di marketing e vendita all’attività sul tuo sito web. Permette ad ActiveCampaign di "vedere" e "reagire" in tempo reale quando i contatti visitano il tuo sito e guardano categorie e pagine specifiche.

Attiva il monitoraggio del sito su tutto il tuo sito Webflow con un solo clic, così puoi tenere d’occhio il comportamento dei visitatori e potenziare l’automazione.

1. Dal tuo account Webflow, clicca sull’icona App nel menu a sinistra.
2. Cerca ActiveCampaign nella barra di ricerca in alto a sinistra.
3. Passa il mouse su ActiveCampaign nella sezione “Connesso” e fai clic su “Avvia”.
4. Clicca sull'account ActiveCampaign con cui vuoi lavorare.
5. Fai clic su “Abilita il monitoraggio del sito di ActiveCampaign”.
6. Seleziona la casella accanto all’URL del tuo sito Webflow per attivare il monitoraggio del sito per il tuo sito Webflow.
7. Per controllare lo stato dei tuoi domini in whitelist: da ActiveCampaign, clicca su Website > Site Tracking nel menu a sinistra e visualizza la sezione “Whitelist and Install Code”.
8. IMPORTANTE: fai clic su "Publish Webflow Site.” La pubblicazione del tuo sito attiverà la configurazione di sincronizzazione per il monitoraggio del sito.
9. Fai clic su "Disattiva monitoraggio del sito" per rimuovere.

ActiveCampaign non mostra i dati di monitoraggio del sito per i visitatori anonimi. Il monitoraggio del sito funziona solo con i contatti già noti. Scopri di più su come funziona il monitoraggio del sito.

Disconnetti ActiveCampaign da Webflow 

1. Dal tuo account Webflow, clicca sull’icona Apps nel menu a sinistra.
2. Cerca ActiveCampaign nella barra di ricerca in alto a sinistra.
3. Passa il mouse su ActiveCampaign nella sezione "Connesso" e clicca su "Avvia".
4. Fai clic sull’icona del cestino accanto all’account ActiveCampaign in fondo al modal di accesso.
   
   
   
   
5. Per evitare la rimozione accidentale del tuo account, avrai la possibilità di continuare a sincronizzare il tuo modulo anche se il tuo account viene rimosso dalla schermata di accesso.