Vuoi sapere come creare un pulsante mobile con il generatore di pagine Elementor ? Un pulsante mobile è quello che appare davanti a tutte le altre informazioni sullo schermo. La maggior parte dei proprietari di siti Web include un pulsante mobile azionabile che indirizza l'utente a un obiettivo specifico, come iscriversi a un elenco di e-mail o sfogliare una pagina del negozio. social media, tra le altre cose

Puoi creare rapidamente un pulsante mobile per il tuo sito Web con Elementor in vari modi. In questo tutorial, ti mostreremo come farlo nel modo più semplice possibile utilizzando il generatore di pagine Elementor .

Crea un pulsante mobile in Elementor

Qui imposteremo lo z-index per costruire il nostro pulsante mobile. Utilizzando la versione gratuita di Elementor, puoi creare un pulsante mobile per una pagina specifica seguendo questa procedura. Se desideri aggiungere il pulsante mobile all'intero sito, devi aggiungere manualmente il pulsante a ciascuna pagina se stai utilizzando la versione gratuita di Elementor.

Ora apri l'editor di Elementor e vai alla pagina in cui desideri aggiungere il pulsante mobile. Hai la possibilità di creare una nuova pagina o modificarne una esistente. Per aggiungere una sezione, fai clic sull'icona "+" e seleziona il layout a colonna singola.

Aggiungi il widget del pulsante alla colonna appena creata dal pannello del widget.

Ora devi scegliere l'azione del pulsante. In questo caso, utilizziamo il pulsante per passare all'URL della pagina del negozio. Per fare ciò, vai al campo del collegamento e aggiungi il collegamento alla pagina. La posizione del pulsante può essere modificata utilizzando l'opzione di allineamento. Rendi il pulsante il più piccolo possibile.

Il nostro pulsante è ora pronto per fluttuare quando un utente scorre la pagina verso il basso. Per questo, vai alla scheda Avanzate e seleziona l'opzione Layout. Impostare la larghezza e la posizione su Inline (Auto). È inoltre necessario configurare gli orientamenti Orizzontale e Verticale, nonché l'offset.

Ora devi specificare lo z-index per rendere il pulsante sempre mobile. Riempi lo slot z-index con 800. Farà sempre fluttuare il pulsante.

Vista finale

Ecco come appare il nostro progetto finale.

Avvolgendo

La funzione Floating Elementor Elements ha suscitato il nostro interesse. Aiuta nella rapida risoluzione dei problemi di progettazione. Crediamo che avrà lo stesso effetto su di te. In tal caso, condividi il tuo design nell'area commenti. Vogliamo diffondere il tuo lavoro in tutto il mondo. Dai un'occhiata anche ai nostri altri tutorial sugli elementi .