Il 10 novembre 2026 Webflow ha introdotto modali e popover nativi nel Designer. Gli elementi si trascinano dal pannello laterale e sono disponibili su tutti i piani senza costi aggiuntivi. Puoi usarli per aggiungere interazioni a un sito no-code senza scrivere JavaScript per l’apertura e la chiusura di base.
Quando usare una modale o un popover
- Un popover si apre vicino al pulsante che lo attiva e lascia utilizzabile il resto della pagina. È adatto a un menu o a un suggerimento contestuale.
- Una modale rende inattiva la pagina sottostante fino alla chiusura. Il browser gestisce il focus e il tasto Escape e restituisce il focus al pulsante di apertura quando chiudi la finestra.
- Puoi aggiungere animazioni di apertura e chiusura tramite il pannello Interactions. Webflow le distingue dal comportamento nativo degli elementi.
Cosa verificare prima di pubblicare
Su una pagina prezzi, per esempio, puoi usare un popover per spiegare una voce del listino lasciando al visitatore la possibilità di continuare il confronto. Una modale ha più senso per confermare un’azione prima di proseguire. Dopo aver scelto l’elemento, verifica sulla pagina pubblicata che un visitatore possa aprirlo e chiuderlo con la tastiera e riprendere la navigazione dal punto giusto. Se parti da zero, la guida a Webflow spiega come è organizzato l’editor.
