Progettare una sezione dei prezzi efficace per il tuo sito web è essenziale per guidare i potenziali clienti verso decisioni di acquisto e una strategia di marketing complessiva.
Puoi utilizzare questa sezione del tuo sito web per visualizzare i prezzi di tutti i servizi offerti e reindirizzare i clienti verso la pagina Pagamenti utilizzando i pulsanti di invito all'azione.
In questo articolo
- Aggiungi sezione prezzi
- Gestisci la sezione dei prezzi
- Aggiungi e modifica elementi dell'elenco
- Sequenziamento degli elementi dell'elenco
- Gestisci disposizione
- Sezione Prezzi Stile
Aggiungi sezione prezzi
- È possibile aggiungere una sezione a una pagina. Puoi aggiungere una sezione a una pagina già esistente oppure crea una nuova pagina all'interno del tuo sito web.
- Sulla tua pagina, Fare clic sul blu + icona per aggiungere una nuova sezione.
- Ora vedrai il categorie di sezione sul lato sinistro.
- Scorrere fino a Prezzi (1) sezione e fare clic su di essa. Apparirà una schermata che ti consentirà di scegliere tra diversi layout (2) della Sezione Logo.
- Scegli qualsiasi layout di sezione e fai clic su di esso per aggiungerlo alla tua pagina.
Gestisci la sezione dei prezzi
Dopo aver aggiunto la sezione:
- Clicca sul Gestisci i prezzi (1) pulsante per aprire il Sezione dei prezzi (2) Impostazioni.
Aggiungi e modifica elementi dell'elenco
Aggiungi una voce di elenco
- Clicca sul Aggiungi articolo (1) pulsante per aggiungere un nuovo elemento all'elenco.
- duplicare or Elimina (2) le voci dell'elenco.
- Modificare il Titolo (3) della sezione.
Modifica voce elenco
Fare clic sulla voce dell'elenco che si desidera modificare. Aprirà le opzioni di modifica di quel particolare elemento dell'elenco.
Da qui puoi:
- Caricare or Elimina (1) l'immagine. Puoi anche modificare il file Colore di accento che sarà visibile passando il cursore sull'immagine.
- Aggiungere un Titolo (2), Sottotitolo (3)e Descrizione (4) della voce di elenco.
Note:
Prima di aggiungere la descrizione, controlla questo articolo.
- Collega il titolo di un elemento dell'elenco cliccando sull'interruttore (5). CLICCA QUI per saperne di più.
- Impostare il collegamento in modo che si apra in a NNuova scheda o nella Stessa scheda (6).
- Aggiungere altro Attacchi (7) alla voce di elenco. È possibile aggiungere un pulsante/link testuale/link immagine/icona social. Scopri di più.
- Risparmi (8) le tue modifiche.
Sequenziamento degli elementi dell'elenco
È possibile modificare facilmente la sequenza degli elementi dell'elenco tramite Trascinamento e rilascio Loro.
Guarda la sequenza dell'Elenco delle voci di prezzo in azione:
Gestisci disposizione
- Clicca sul Scheda Layout (1).
- Seleziona il preferito disposizione (2) e salvare(3) le modifiche.
Sezione Prezzi Stile
Puoi personalizzare diversi aspetti della sezione Logo utilizzando varie opzioni di stile. Per accedere alle opzioni di stile, fare clic su Gestisci i prezzi (1) e scegliere il Style (2) scheda.
Opzioni di stile degli elementi
- Visualizza gli elementi in Righe e colonne o in Modalità carosello (1).
- Impostare il Numero di colonne (2). Puoi selezionare fino a un massimo di 10 colonne.
- specificare la Spazio tra le colonne (3) delle voci dell'elenco. Questo valore è definito in pixel.
- specificare la Spazio tra le righe (4) delle voci dell'elenco. Questa opzione non sarà visibile se la modalità Carosello è attiva. Questo valore è definito in pixel.
- Scegliere il Ordine dei contenuti (5) Ovvero, le immagini degli elementi dell'elenco da visualizzare per primi o il testo associato.
- Gestisci il file Allineamento dei contenuti all'interno della sezione Orizzontalmente (6).
- Gestisci il file Allineamento dei contenuti all'interno della sezione Verticalmente (7).
- specificare la Numero di colonne on Dispositivi mobili (8). Puoi selezionare fino a un massimo di 3 colonne.
- Gestisci la spaziatura tra gli elementi Verticalmente ed Orizzontalmente (9).
Opzioni di stile dell'immagine
- Scegli l'iomago Ritaglia (10) per le voci dell'elenco. È possibile impostare le immagini come Quadrato, Cerchio, Orizzontale, Verticale e Originale.
- utilizzando Raggio dell'angolo (11) gli angoli delle immagini possono essere gestiti per la loro nitidezza. Puoi anche scegliere di gestire gli angoli Individualmente.
- Scegliere il Colore al passaggio del mouse dell'immagine (12) essere il colore di accento o essere specificato. Se hai scelto il colore di accento, quindi specifica il file opacità.
- Scegliere il Colore base (13) e Opacità che vuoi mentre passi con il mouse sopra le immagini. Questa opzione sarà visibile solo quando Specifica il colore è selezionato.
- Impostare il Colore elementi (14) per le voci di elenco della sezione.
- Scegli Anima le immagini (15) in bilico. Se abilitato, puoi anche modificare il file Stile di animazione (16).
Opzioni Dimensioni e spazio e Stile testo
- specificare la Larghezza immagine (17) per le immagini degli oggetti.
- specificare la Larghezza contenuto (18) per gli elementi dell'elenco.
- specificare la Spazio sotto il titolo della sezione (19) in pixel.
- specificare la Spazio sotto l'immagine (20) in percentuale.
- specificare la Spazio sotto il titolo (21) delle voci dell'elenco in percentuale.
- specificare la Spazio sotto il sottotitolo (22) delle voci dell'elenco in percentuale.
- specificare la Titolo (23) Stile del carattere degli elementi dell'elenco.
- specificare la Sottotitolo (24) Stile del carattere degli elementi dell'elenco.
- specificare la Descrizione (25) Stile del carattere degli elementi dell'elenco.
Carte e Ombra
- Scopri come gestire Carte (26).
- Specifica come Dsiplay (27) l'ombra.
- Style (28) l'ombra. Esistono diversi preset e puoi anche personalizzare l'ombra con lo strumento Box Shadow Generator.
- Se l'opzione Predefiniti è selezionata, allora Scegli Stili ombra (29) dal menu a discesa.
Pulsanti e collegamenti
- Scopri come per gestire lo stile di Pulsanti e collegamenti (30).
