C cenaly.com
Inizia gratuitamente

Webflow · contatto dal vostro portfolio

Widget Cenaly.com per Webflow

Aggiungete contatto o appuntamento al design Webflow esistente. Scegliete l'obiettivo e configurate il widget in Cenaly.com, poi aggiungete il codice a livello di sito o di pagina. Di seguito — le condizioni di accesso al custom code e un'istruzione separata per il consent.

  • Custom code: un Site plan attivo oppure un Workspace Core, Growth, Agency o Freelancer
  • La pubblicazione è un passaggio separato dopo il salvataggio del codice
  • Verificate la visualizzazione mobile, le animazioni e le transizioni tra le pagine

Senza carta · registrazione in un minuto, tag in un altro · le modifiche alle impostazioni arrivano al sito in 5 minuti

Un solo tag per tutti i Widget9 su 13 sono gratuitiShadow DOM — non rompe il layoutEtichette nella lingua della paginaDue Cloud: AWS e Russia

Cosa funziona su Webflow

Selezioni il widget desiderato e lo configuri nell'account. I widget normali utilizzano un tag comune; per il consenso e l'analisi è importante un ordine di installazione separato.

Il widget e la piattaforma selezionati verranno salvati al momento della registrazione. Successivamente, configuri il widget nell'account. Tenga aperta questa istruzione per Webflow: dopo la configurazione, torni ai passaggi di installazione riportati di seguito.

Tutti i 13 widget →

Serve un piano a pagamento Webflow

Serve un piano a pagamento della piattaforma

Serve un Site plan attivo oppure un Workspace Core, Growth, Agency o Freelancer.

La documentazione ufficiale di Webflow ammette il custom code per Site manager e Designer con un Site plan attivo o uno dei Workspace elencati. Il Site plan a pagamento non è l'unica via.

L'indirizzo webflow.io di per sé non indica se l'inserimento del codice sia disponibile: verificate il Workspace, i permessi e le impostazioni del progetto. Il collegamento di un dominio proprio e le funzionalità CMS hanno condizioni proprie del piano.

Le voci di menu e le condizioni dei piani presenti in questa pagina provengono dalla guida ufficiale:

Verificato con la guida della piattaforma 2026-09-22

Come inserire il codice su Webflow

Widget comuni: chat, pulsante di contatto, appuntamento

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Tag di esempio per i widget ordinari. Prendete il vostro codice dall'account; non è necessario sostituirlo con un dominio dimostrativo. Per bloccare l'analisi, utilizzate la procedura separata riportata di seguito. Banner dei cookie e analisi: procedura separata →

  1. 1

    Copiate il codice di installazione

    Nell'account Cenaly.com: Pannello di amministrazione → Marketing → «Il mio sito». Inserite l'indirizzo del sito nel primo campo e copiate la stringa del tag.

  2. 2

    Aprite le impostazioni del progetto

    In Webflow: Site settings (impostazioni del sito) del progetto desiderato.

  3. 3

    Andate su Custom code

    La scheda Custom code contiene due campi: Head code (dentro head) e Footer code (prima del body di chiusura).

  4. 4

    Inserite il tag in Head code

    Inserite la riga in Head code e salvate. Non è necessario aggiungere in questo campo i tag html, head e body — solo lo script stesso.

  5. 5

    Pubblicate il progetto

    Fate clic su Publish: la documentazione di Webflow sottolinea espressamente che l'effetto del proprio codice è visibile sul sito live dopo la pubblicazione.

  6. 6

    Verifica l'installazione

    Aprite il sito pubblicato e tornate in «Il mio sito» → «Verifica installazione».

Serve un widget solo su una pagina: le pagine in Webflow hanno campi dedicati al codice nelle impostazioni della pagina.

Guida ufficiale Webflow ↗

Verifica dell'installazione

  1. 1

    Pubblicate di nuovo il sito

    Nei costruttori di siti le modifiche restano in bozza: finché le pagine non vengono ripubblicate, il tag non è presente sul sito online.

  2. 2

    Aprite «Il mio sito» nell'Account

    Pannello di amministrazione → Marketing → «Il mio sito». Nel primo campo c'è l'indirizzo del vostro sito, accanto «Verifica installazione».

  3. 3

    Guardate cosa è stato trovato

    La verifica legge l'HTML di origine della pagina e mostra i widget trovati. Un tag inserito tramite Google Tag Manager non viene rilevato: è un limite della verifica, non dell'installazione.

Analisi degli errori di installazione — nella guida Istruzioni per l'installazione →

Particolarità di Webflow

  • Preview e sito pubblicato

    Webflow supporta il custom code in preview/comment, ma non in expand canvas. I visitatori vedranno le modifiche dopo la pubblicazione; fate la verifica finale sull'indirizzo pubblicato.

  • Codice del progetto o di una singola pagina

    Il Head code generale aggiunge il tag a livello di sito. Se serve un solo URL, usate le impostazioni della pagina e non duplicate lì il tag generale già installato.

  • Conservate moduli e aspetto

    Il widget non collega automaticamente i moduli Webflow a Cenaly.com. Lo Shadow DOM isola gli stili, ma animazioni, cliccabilità dei pulsanti e sovrapposizioni vanno verificati sul vostro sito.

  • Consent e GTM

    Non inserite il consent dopo un contenitore che ha già avviato i tracker. Per un tag normale tramite GTM la verifica HTML lato server non conferma l'installazione: verificate il widget sulla pagina pubblicata.

Domande e risposte

È obbligatorio acquistare un Site plan?

No, il custom code è disponibile anche tramite Core, Growth, Agency o Freelancer Workspace secondo le condizioni di Webflow. Verificate i permessi di Site manager/Designer e l'accesso al campo nel progetto specifico.

Head code o Footer code?

Un tag normale può essere aggiunto nel Head code; non circondatelo con i tag html/head/body. Un consent con blocco fino al consenso richiede uno script separato in head prima dei tracker.

Perché il widget non è apparso nell'editor?

Custom code non funziona in expand canvas. Preview/comment lo supporta, ma le modifiche vanno ancora pubblicate. Verificate l'attivazione del widget e l'indirizzo finale del sito.

Il widget influirà sulle animazioni?

L'isolamento degli stili non garantisce la compatibilità con qualsiasi script. Verificate interazioni, moduli e schermata mobile prima di estendere il widget a tutte le pagine.

Come gestire le pagine CMS?

Il codice comune del sito è adatto anche alle pagine delle collezioni. Verifichi l'esempio pubblicato di una di queste pagine e non duplichi il tag nel suo template.

Per il banner dei cookie va bene un normale tag async?

Per bloccare i tracker prima del consenso serve un file consent/v1.js separato, per primo nell'head, senza async/defer. Verificate il caricamento prima della scelta, dopo il rifiuto e dopo l'accettazione. L'analytics integrato della piattaforma può richiedere una configurazione separata; la comparsa del banner non conferma la conformità alla legge.

Per maggiori dettagli — installazione per piattaforma, configurazione e risoluzione dei problemi — consultare la guida. Istruzioni per l'installazione →

Inserire i widget sul proprio sito Webflow

Verifichi l'accesso al custom code, scelga un widget e lo configuri. Dopo la pubblicazione, testi una pagina normale e una pagina di collezione.

Scegli widget

Senza carta · registrazione in un minuto, tag in un altro · le modifiche alle impostazioni arrivano al sito in 5 minuti