Vuoi aggiungere una griglia dei prezzi in Elementor ?
Se usi il tuo sito web per vendere i tuoi servizi o prodotti, è fondamentale visualizzare i piani tariffari che offri. Elementor, il plug-in per la creazione di pagine WordPress più popolare, viene fornito con un widget Tabella dei prezzi che puoi utilizzare per aggiungere facilmente una griglia dei prezzi a una pagina o a un modello. In questo articolo, ti mostreremo come utilizzare questo widget.
Leggi anche: Come creare un'immagine arrotondata in Elementor
Il widget Tabella prezzi stesso è disponibile solo su Elementor. Pro Quindi per poterlo utilizzare è necessario utilizzare Elementor Pro. In questo articolo aggiungeremo direttamente il widget Tabella prezzi all'area di modifica.
Esistono due opzioni per aggiungere una griglia dei prezzi a una pagina o a un modello di Elementor. Innanzitutto, puoi utilizzare un modello di blocco predefinito. In secondo luogo, puoi creare tu stesso la tabella. Da zero.
Aggiungi la griglia dei prezzi da un modello predefinito
Elementor ha circa 14 design di blocchi di griglia di prezzo tra cui scegliere. Ancora una volta, devi utilizzare Elementor Pro per utilizzare i modelli poiché la griglia dei prezzi è disponibile solo su Elementor Pro. Per utilizzare un modello di blocco della griglia dei prezzi, fare clic sull'icona della cartella nella casella di modifica per aprire la libreria dei modelli.
Nella libreria dei modelli che appare, fai clic sulla scheda blocchi e nelle categorie seleziona Prezzi nel menu a tendina per filtrare i modelli. Seleziona un modello che ti piace e clicca sul pulsante INSERIRE per importarlo nell'editor di Elementor.
Puoi quindi andare al pannello di sinistra per modificare il contenuto predefinito delle griglie.
Aggiungi la griglia dei prezzi da zero
Se hai il tuo concetto di design per la griglia dei prezzi che desideri aggiungere, creare le tabelle da zero è un'ottima idea. Per facilitare il tuo lavoro, puoi creare una tabella. Una volta terminato, puoi copiarlo e personalizzare il contenuto delle tabelle duplicate. Ti farà risparmiare un sacco di tempo.
Vedi anche: Come creare una sezione per i membri del team con Elementor
Inizia aggiungendo una nuova sezione e seleziona una struttura di colonne in base al numero di tabelle che desideri creare e trascina il widget Tabella dei prezzi ad una delle colonne.
Vai al pannello di sinistra per modificare il contenuto predefinito. Puoi modificare il contenuto nella scheda Soddisfare. Ci sono 5 blocchi di parametri che puoi aprire per modificarlo: intestazione, prezzi, caratteristiche, piè di pagina e barra multifunzione.
- testata
Puoi aprire questo blocco per modificare il contenuto dell'intestazione della tabella. Puoi cambiare il titolo subito Titolo e la descrizione immediatamente Descrizione. Idealmente, usi la sezione di intestazione della tabella per aggiungere il nome del pacchetto.
- Prezzi
Puoi aprire questo blocco per modificare il prezzo del pacchetto. Puoi attivare l'opzione Offerta se il pacchetto è in vendita. Se conosci i campi personalizzati di WordPress, puoi anche aggiungere prezzi dinamici facendo clic sull'icona del database dati sul campo Prezzo.
- Caratteristiche
Puoi aprire questo blocco per aggiungere le funzionalità che desideri offrire al pacchetto. Per impostazione predefinita, hai tre funzionalità . Puoi aprire un'entità per modificarla. Per aggiungere una nuova funzionalità , puoi semplicemente fare clic sul pulsante AGGIUNGI UN ELEMENTO.
Leggi anche: 7 modi creativi per utilizzare Elementor Popup Builder
Per impostazione predefinita, ogni funzione ha un'icona di elenco di controllo. Per cambiare l'icona, basta fare clic sull'icona. Per rimuoverlo, fai clic sull'icona del cestino.
- footer
Il piè di pagina è la sezione in cui puoi aggiungere un collegamento e un pulsante di invito all'azione. Puoi anche aggiungere ulteriori informazioni a questa sezione.
- Nastro
Puoi aggiungere un tag di vendita come "SALE", "SPECIALE", "HOT OFFER" al tuo tavolo. Se vuoi aggiungere un tag di vendita o qualsiasi tag che desideri, puoi aprire il blocco nastro e attiva l'opzione Affiggere. Puoi aggiungere la tua etichetta preferita nel campo titolo e imposta la posizione sull'opzione Posizione.
Personalizzazione della griglia
Per personalizzare i componenti dell'etichetta, puoi passare alla scheda style nel pannello di sinistra. Vedrai anche cinque blocchi di impostazione in questa scheda.
- testata : puoi aprire questo blocco per personalizzare la sezione dell'intestazione della tabella. Puoi impostare cose come lo sfondo dell'intestazione, la tipografia (famiglia di caratteri, dimensione del carattere, stile del carattere) del titolo e della descrizione, nonché il colore del testo del titolo e della descrizione.
- Prezzi: Puoi aprire questo blocco per personalizzare la sezione dei prezzi. Puoi impostare cose come colore di sfondo, tipografia, colore del testo, simbolo di valuta e posizione, ecc.
- Caratteristiche : puoi aprire questo blocco per personalizzare la sezione dell'entità . Puoi impostare cose come sfondo, colore del testo, tipografia, allineamento, separatore on/off, ecc.
- footer : puoi aprire questo blocco per personalizzare la sezione piè di pagina. Puoi definire elementi come lo sfondo, la dimensione del pulsante, il colore del pulsante, la tipografia del testo del pulsante, ecc.
- Nastro: Questo blocco apparirà solo se attivi l'opzione Nastro sotto la scheda Soddisfare. Puoi aprire questo blocco per personalizzare la barra multifunzione, ad esempio colore, colore del testo e tipografia.
Una volta terminata la prima tabella, puoi copiarla in altre colonne e quindi sostituire il contenuto a seconda della funzionalità che desideri fornire su ciascuna tabella/piano. Per copiare la tabella, fai clic con il pulsante destro del mouse sulla maniglia del widget e seleziona Copiare, quindi fare clic con il tasto destro sulla colonna in cui si desidera incollarlo e selezionare Incolla.
Alla fine
Elementor Pro è dotato di un widget Tabella prezzi che ti consente di aggiungere facilmente una griglia dei prezzi a una pagina o a un modello. Alcuni componenti aggiuntivi, come Buon Addon, Componenti aggiuntivi essenziali e JedElementi - hanno anche gli stessi widget con diverse opzioni di stile.
Ottieni subito Elementor Pro!!!
Conclusione
Ecco ! Questo è tutto per questo articolo che mostra come aggiungere una griglia dei prezzi in Elementor. Se hai dubbi su come arrivarci ffacci sapere in commentaires.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
