{"id":370616,"date":"2022-12-25T19:10:00","date_gmt":"2022-12-25T16:10:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370616"},"modified":"2023-04-11T14:49:34","modified_gmt":"2023-04-11T11:49:34","slug":"come-aggiungere-il-listino-prezzi-al-tuo-sito-web-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-il-listino-prezzi-al-tuo-sito-web-wordpress\/","title":{"rendered":"Come aggiungere il listino prezzi al tuo sito Web WordPress"},"content":{"rendered":"\n

Grande o piccolo, il prezzo \u00e8 sempre importante, sia per il cliente che per il venditore. Qualunque cosa tu stia vendendo, \u00e8 buona norma rendere i tuoi prezzi il pi\u00f9 trasparenti possibile<\/strong>. Quindi, \u00e8 facile capire quanto siano importanti le tabelle dei prezzi per qualsiasi tipo di negozio online. Insieme ai prezzi, di solito mostrano le caratteristiche del prodotto o il confronto dei pacchetti di prodotti per prezzo in<\/strong> modo che l’acquirente possa prendere una decisione informata sul suo acquisto.<\/p>\n

Un listino prezzi ordinato e ben strutturato ti fa anche sembrare professionale e affidabile, quindi questo \u00e8 sicuramente un elemento a cui dovresti prestare attenzione quando crei un negozio online<\/a><\/strong> o un sito Web con uno scopo da vendere. Molti temi WordPress sono dotati di un listino prezzi gi\u00e0 incluso e alcuni richiedono un plug-in per la tabella dei prezzi. In questo articolo, ti mostreremo come creare un listino di Elementor con il componente aggiuntivo QI elementor<\/a>.<\/p>\n

Componenti aggiuntivi Qi per Elementor<\/h2>\n

Il listino non suona come un elemento divertente, \u00e8 pi\u00f9 un elemento in cui si incontrano la realt\u00e0 e i desideri del cliente. Ma questo \u00e8 solo un motivo in pi\u00f9 per rendere i listini il pi\u00f9 belli ed eleganti possibile<\/strong>. I componenti aggiuntivi di Qi Elementor ti dimostreranno che la creazione di listini prezzi pu\u00f2 essere molto pi\u00f9 di un compito arduo<\/strong>. \u00c8 uno strumento eccezionalmente intuitivo che ti consente di creare listini prezzi eleganti e dettagliati che si adattano perfettamente allo stile e allo scopo del tuo sito web.<\/p>\n

Il nuovo luminoso Qi \u00e8 incredibilmente versatile e include una variet\u00e0 di fantastici widget<\/strong>, ma soprattutto ti permette di creare fantastici listini prezzi. Ci\u00f2 che lo rende particolarmente utile per tutti i tipi di siti Web WordPress \u00e8 che \u00e8 cos\u00ec flessibile e consente numerose personalizzazioni<\/a>.<\/p>\n

Il modo migliore per capire quanto sia potente Qi e tutte le opzioni di listino che puoi impostare con esso, \u00e8 attraverso degli esempi, ed \u00e8 esattamente quello che ti mostreremo<\/strong>.<\/p>\n

Il componente dell’elemento prezzo \u00e8 il titolo dell’articolo<\/strong> a cui \u00e8 collegato il prezzo dell’articolo. La descrizione dell’articolo<\/strong> non \u00e8 richiesta ma puoi averla se lo desideri. Come puoi vedere nei nostri esempi, un menu pu\u00f2 contenere immagini<\/strong>. Hai anche la possibilit\u00e0 di avere l’ immagine prima e\/o dopo l’oggetto<\/strong>, ma ovviamente non \u00e8 necessario avere l’immagine, come puoi vedere nel terzo esempio. C’\u00e8 una riga facoltativa dal<\/strong> sottotitolo dell’articolo al prezzo che pu\u00f2 essere abbinato allo stile e c’\u00e8 la separazione degli articoli, come vediamo nel terzo esempio. Il pulsante \u00e8 facoltativo<\/strong>, pu\u00f2 portare a un elenco pi\u00f9 ampio o altrove.<\/p>\n

\"Come<\/a><\/p>\n

Come creare un listino prezzi che si adatta al tuo stile<\/h2>\n

\"Come<\/a><\/p>\n

Fai attenzione, ci sono due schede per impostare questo elemento<\/strong>: la scheda Contenuto e Stile. La scheda Avanzate \u00e8 la scheda Elementor predefinita contenuta da ogni elemento in questo plugin.<\/p>\n

\"Come<\/a><\/p>\n

La prima cosa che devi fare \u00e8 scegliere il layout<\/strong>. Sono disponibili due layout: Immagine prima e Layout standard<\/strong>. Il layout Immagine prima indica chiaramente che l’ immagine viene mostrata prima dell’elemento<\/strong>, come puoi vedere nell’esempio sopra. Nel layout Standard l’ immagine viene mostrata dopo il titolo dell’oggetto<\/strong>. Se non vuoi avere un’immagine qui, tutto ci\u00f2 che devi fare \u00e8 non inserire l’immagine per l’articolo.<\/p>\n

\"Come<\/a><\/p>\n

L’inserimento dei dati dell’elemento nel menu<\/strong> \u00e8 la prossima cosa da fare non appena viene selezionato il layout. \u00c8 possibile aggiungere un numero qualsiasi di elementi<\/strong>. Questo numero \u00e8 tre per impostazione predefinita, ma puoi averne pi\u00f9 o meno, se necessario. Oltre alle informazioni come nome, descrizione, prezzo e immagine, noterai che qui puoi scegliere i colori del nome e del prezzo<\/strong>. Nel caso in cui non desideri che tutti questi elementi abbiano lo stesso colore, cambialo qui, altrimenti modellerai tutto ci\u00f2 di cui hai bisogno in seguito nella scheda Stile<\/strong>. La scheda Stile, tra le altre cose, ha l’opzione per regolare questi colori e ti consente di impostare il colore per tutti gli elementi in un unico posto<\/strong>. Se vuoi che ogni articolo abbia colori diversi, devi definirlo in ogni articolo separatamente.<\/p>\n

C’\u00e8 anche un’opzione per inserire il prezzo con uno sconto.<\/p>\n

\"Come<\/a><\/p>\n

In questo modo, i dati vengono aggiunti per ogni elemento e gli elementi possono essere duplicati, eliminati e, naturalmente, puoi sempre aggiungerne di nuovi<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Come abbiamo detto, il pulsante pu\u00f2 essere o meno nell’elenco. Se non lo vuoi devi solo non inserire il Testo del Pulsante. Se vuoi il pulsante, qui \u00e8 il punto in cui specifichi lo stile del pulsante. I colori e le personalizzazioni aggiuntive possono essere impostate nella scheda dello stile. Ti consigliamo di esplorare le opzioni qui, giocare, controllare tutti i layout e altre opzioni disponibili. L’icona del pulsante, ad esempio, \u00e8 un’altra opzione interessante che consente di aggiungere un’icona al pulsante.<\/p>\n

\"Come<\/a><\/p>\n

Esempio<\/strong>: Layout \u2013 Delineato, Tipo-Con bordo interno e icona aggiunta:<\/p>\n

\"Come<\/a><\/p>\n

Nella scheda stile, regoliamo tutto ci\u00f2 che riguarda layout, caratteri, colori<\/strong> … Le opzioni qui sono divise in segmenti per una navigazione pi\u00f9 semplice.<\/p>\n

\"Come<\/a><\/p>\n

Sezione Stile: tutte le impostazioni per Titolo e Descrizione<\/strong>. Queste sono le impostazioni relative a colori e caratteri<\/strong>. \u00c8 molto facile da navigare e ti consigliamo di esplorare e sperimentare per trovare lo stile che si adatta meglio al tuo sito web.<\/p>\n

\"Come<\/a><\/p>\n

Prezzo Stile: qui troverai tutte le impostazioni relative al prezzo<\/strong>. A parte il carattere e il colore, l’opzione interessante qui \u00e8 il colore di sfondo e il raggio del bordo del prezzo<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Con queste opzioni possiamo ottenere il risultato come nell’esempio seguente:<\/p>\n

\"Come<\/a><\/p>\n

Anche il riempimento del prezzo influisce su questo sfondo. Il padding \u00e8 in realt\u00e0 uno spazio attorno al prezzo e all’aumentare del padding aumenta anche lo sfondo<\/strong>.<\/p>\n

La parte relativa allo stile del contenuto si riferisce all’organizzazione della linea tra il titolo dell’articolo e il prezzo. Puoi scegliere lo stile della linea, lo spessore del margine<\/strong>, si riferisce a tutto ci\u00f2 che circonda quella linea. \u00c8 qui che vengono regolati i margini intorno alla descrizione e all’immagine.<\/p>\n

La scheda Stile generale contiene le opzioni per disporre lo spazio intorno all’elemento<\/strong>, ovvero lo spazio tra gli elementi. Questo \u00e8 anche il punto in cui aggiungi un separatore tra gli elementi e un margine superiore al pulsante che viene utilizzato per modificare lo spazio tra l’ultimo elemento e il pulsante.<\/p>\n

Nell’esempio seguente, puoi vedere come appare quando aggiungi il separatore e modifichi gli spazi.<\/p>\n

\"Come<\/a><\/p>\n

Altre impostazioni sono relative al pulsante. Sono divisi in tre segmenti per facilitare la navigazione<\/strong> e si riferiscono alla disposizione dei caratteri sul pulsante, ai colori dei pulsanti e del bordo, allo spessore del bordo e alla regolazione dell’icona se presente. Sono cos\u00ec intuitivi e facili da usare<\/strong> che qualsiasi spiegazione speciale su di loro \u00e8 semplicemente superflua: una volta aperte tutte queste opzioni, saprai esattamente cosa fare. Quindi, non esitare a esplorare le opzioni poich\u00e9 siamo sicuri che questo plugin rende ogni listino prezzi semplicemente bello<\/strong>.<\/p>\n

Insomma<\/h2>\n

Forse i tuoi prezzi non sono belli per tutti, ma i tuoi listini possono esserlo. Non esitare a provare e giocare con tutte le opzioni offerte da questo plugin. Semplicemente non puoi sbagliare e hai sempre la possibilit\u00e0 di modificare le impostazioni in pi\u00f9 di un modo. Sentiti libero di porre domande sul plug-in Qi Elementor e su tutto ci\u00f2 che riguarda le sue funzionalit\u00e0, siamo pi\u00f9 che felici di rispondere!<\/p>\n

Fonte di registrazione: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Scopri come aggiungere un listino prezzi al tuo WordPress in un paio di semplici passaggi<\/p>\n","protected":false},"author":1,"featured_media":300313,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-370616","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nozioni-di-base-su-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/370616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=370616"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/370616\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/300313"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=370616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=370616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=370616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}