{"id":370575,"date":"2022-12-18T15:47:00","date_gmt":"2022-12-18T12:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370575"},"modified":"2023-04-30T12:15:15","modified_gmt":"2023-04-30T09:15:15","slug":"come-aggiungere-il-confronto-dei-prodotti-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-il-confronto-dei-prodotti-woocommerce\/","title":{"rendered":"Come aggiungere il confronto dei prodotti WooCommerce"},"content":{"rendered":"\n

Al giorno d’oggi, la creazione di siti Web di negozi utilizzando WordPress \u00e8 molto popolare e facile. Grazie a WooCommerce, il plugin pi\u00f9 popolare per la creazione di negozi, e a tanti temi WooCommerce<\/a> a misura di cliente, oggi quasi tutti possono realizzare un ottimo negozio molto velocemente<\/a>.<\/p>\n

Il fatto che questo modo di creare un negozio sia molto popolare parla a favore della creazione quotidiana di nuovi componenti aggiuntivi che possono contribuire al miglioramento del tuo sito<\/strong>. Presentare un prodotto non \u00e8 mai stato cos\u00ec facile, ci sono innumerevoli modi per attirare l’attenzione dei consumatori.<\/p>\n

Uno di questi elementi \u00e8 sicuramente il confronto dei prodotti WooCommerce<\/a>. Viene utilizzato per presentare prodotti selezionati confrontandone le caratteristiche<\/strong>. Questo modo di presentare va bene sia per i clienti che per te. Quando i clienti vogliono decidere su un particolare prodotto, gli piace avere un chiaro confronto tra le loro opzioni. Puoi facilmente renderlo possibile per loro.<\/p>\n

L’Addon che ha attirato la nostra attenzione e che abbiamo trovato utile per il confronto dei prodotti in negozio, ma anche per molte altre cose \u00e8 Qi Addons per Elementor<\/a>. Questo strumento ha una versione gratuita con 60 widget e una versione premium con oltre 40 in pi\u00f9. Tutti i widget sono estremamente utili e ti permettono di aggiungere elementi belli e pratici<\/strong> alle tue pagine in un paio di click. Anche le opzioni di personalizzazione sono incredibili, quindi puoi facilmente modellare tutti i widget in modo che corrispondano in modo impeccabile al design del tuo sito web.<\/p>\n

Il widget di confronto prodotti viene utilizzato per visualizzare i prodotti con le loro caratteristiche essenziali in un’unica posizione<\/strong> e fornire ai clienti informazioni chiare in un’unica posizione.<\/p>\n

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

Come funziona il widget di confronto prodotti<\/h2>\n

Usare questo widget \u00e8 molto semplice. I dati in tabella vengono recuperati direttamente dal prodotto stesso, non ci sono complicazioni usuali legate all’inserimento manuale<\/strong>. Tutto quello che devi fare \u00e8 scegliere i prodotti che saranno nella tabella e le informazioni che li accompagneranno<\/strong>.<\/p>\n

Inoltre, \u00e8 importante dare uno stile alla tabella e il widget di confronto dei prodotti WooCommerce ti offre molte opzioni<\/strong> per questo. C’\u00e8 sicuramente un aspetto predefinito che ottieni non appena inserisci il widget nella pagina e vedrai immediatamente come alcune cose come i caratteri corrispondono all’aspetto del tuo tema. Quindi, con solo una piccola personalizzazione, il tuo tavolo pu\u00f2 avere un bell’aspetto.<\/p>\n

Dopo aver aggiunto i tuoi prodotti<\/a> e le relative informazioni, puoi iniziare a creare una tabella di confronto dei prodotti. Questa \u00e8 un’anteprima di un prodotto realizzato utilizzando il plug-in WooCommerce.<\/p>\n

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

Come fare un confronto di prodotti selezionati<\/h2>\n

Una volta entrato per modificare la pagina desiderata utilizzando Elementor, troverai il widget Confronto prodotti tra i widget disponibili. Tutti i widget Qi hanno un aspetto distintivo e icone rosse.<\/p>\n

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

Quando trascini il widget di lato, noterai che non c’\u00e8 una tabella, solo una notifica che dice "Scegli i prodotti desiderati<\/strong> ". Ovviamente, devi prima aggiungere i prodotti. Potrai trovare tutte le impostazioni per questo elemento nelle schede Contenuto e Stile<\/strong>. La scheda Avanzate offre anche varie impostazioni, ma appartengono a Elementor e le conosci gi\u00e0 perch\u00e9 ogni elemento le ha, non sono specifiche per questo.<\/p>\n

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

Quindi iniziamo. La scheda contenuto \u00e8 dove determinerai quali dati saranno nella tabella di confronto dei prodotti<\/strong>. Per cominciare, aggiungeremo semplicemente i prodotti<\/strong>.<\/p>\n

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

Inoltre, possiamo scegliere l’ordine in cui i prodotti selezionati verranno inseriti<\/strong> nella tabella, sia per ID, data, casuale…<\/p>\n

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

Filtri da mostrare<\/strong> \u00e8 un’opzione che determina quali dati verranno utilizzati nella tabella di confronto<\/strong>. Attualmente, ci sono 4 articoli: immagine, titolo, prezzo e stock, ad es. disponibilit\u00e0.<\/p>\n

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

Tuttavia, puoi scegliere qualsiasi cosa dall’elenco nell’ordine che preferisci. Abbiamo fatto questa selezione per la nostra tavola:<\/p>\n

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

Noterai che alcune parti sono cliccabili, come il nome del prodotto che porta alla pagina del prodotto<\/strong>, e ovviamente ‘aggiungi al carrello’ che ti permette di aggiungere il prodotto al carrello<\/strong> sul posto. Naturalmente, non \u00e8 necessario che l’add-to-cart faccia parte della tua tabella, ma nella maggior parte dei casi sar\u00e0 molto utile.<\/p>\n

Le impostazioni dei pulsanti sono correlate al pulsante Aggiungi al carrello<\/strong>. Queste impostazioni sono importanti se decidi di aggiungerle alla tabella. Sono disponibili diversi layout e tipi di pulsanti<\/strong>. Puoi anche aggiungere un’icona al pulsante e renderlo ancora pi\u00f9 interessante. Tutto dipende dalle tue esigenze e il nostro consiglio \u00e8 di esplorare tutte le opzioni. Non li esamineremo separatamente perch\u00e9 sono intuitivi e vedrai anche tutte le modifiche che apporti in tempo reale sul lato destro dello schermo<\/strong> e capirai tutto molto facilmente da solo.<\/p>\n

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

Le opzioni di valutazione sono collegate alla visualizzazione delle valutazioni, logicamente, se hai scelto di essere parte integrante del tuo display. Sebbene le stelle siano il modo pi\u00f9 comune per visualizzare una valutazione, ci\u00f2 non significa che non puoi selezionare nessun’altra icona. La libreria Icon \u00e8 a tua disposizione, ma puoi anche aggiungere tu stesso l’SVG desiderato<\/strong>.<\/p>\n

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

Come abbiamo detto, la scheda Contenuto viene utilizzata per selezionare i dati da visualizzare e ora si passa alla scheda Stile dove possiamo modellare ogni elemento selezionato.<\/p>\n

Le impostazioni sono raggruppate e, a prima vista, \u00e8 chiaro dove si trovano le impostazioni<\/strong>. Ovviamente, esamina ogni gruppo per vedere cosa c’\u00e8. Le opzioni per la scelta di colori, margini, tipografia, dimensioni ti stupiranno quando ti renderai conto di quanti dettagli puoi regolare.<\/p>\n

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

Non vogliamo esaminare tutte le opzioni perch\u00e9 siamo sicuri che lo troverai interessante da esplorare e giocare, ne esamineremo solo un paio importanti.<\/p>\n

Lo stile dell’immagine \u00e8 un’opzione interessante e significativa<\/strong>. Sappiamo per esperienza che spesso non tutti i prodotti hanno un’immagine in evidenza delle stesse dimensioni (l’immagine che rappresenta il prodotto e che \u00e8 anche nella nostra tabella). Quindi sorge il problema che le immagini nella tabella verranno mostrate in dimensioni diverse. Ecco perch\u00e9 le opzioni Quadrato, Orizzontale, Ritratto e Personalizzate sono importanti per noi, perch\u00e9 ci consentono di impostare le immagini in modo che abbiano le stesse dimensioni<\/strong>. Anche altre opzioni sono interessanti e le usiamo pi\u00f9 spesso quando non ci sono grandi deviazioni nelle dimensioni delle immagini in primo piano.<\/p>\n

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

Le opzioni di stile dei pulsanti<\/strong> sono anche qualcosa di cui avremo bisogno nella maggior parte dei casi per adattare il pulsante all’aspetto del tema. Sebbene abbia il suo aspetto predefinito e possa rimanere senza modifiche, probabilmente vorrai regolarlo un po’ di pi\u00f9.<\/p>\n

Puoi cambiare lo sfondo, l’intera tipografia dei sottotitoli, organizzare il riempimento… E puoi anche impostare l’aspetto del pulsante al passaggio del mouse.<\/p>\n

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

Lo stile di valutazione<\/strong>, tra le altre cose, include opzioni per modificare la dimensione delle icone utilizzate, che possono essere importanti per te, ma anche per lo spazio tra di esse e per la stilizzazione delle parti contrassegnate e non contrassegnate della valutazione.<\/p>\n

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

Ed ecco come appare quando lasciamo correre l’immaginazione… Vedrai che l’ultimo prodotto non ha una valutazione, il motivo: nessuno lo ha valutato e come puoi vedere quel campo \u00e8 vuoto<\/strong>. Se ti dispiace un campo vuoto, puoi facilmente sostituire il campo di valutazione con qualche altro elemento. Naturalmente, una volta impostata una tabella, i dati in essa contenuti possono essere modificati…<\/p>\n

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

Insomma<\/h2>\n

Esistono molti tipi diversi di acquirenti, ma in generale, a tutti piace una tabella di confronto dei prodotti ordinata. Come puoi vedere, con Qi Addons aggiungere il confronto dei prodotti \u00e8 il pi\u00f9 semplice possibile, quindi non c’\u00e8 bisogno di esitare anche se sei un principiante di WordPress: puoi aggiungere bellissime tabelle di confronto dei prodotti personalizzate senza sforzo e senza investire troppo del tuo tempo in esso. Una volta capito come funzionano semplicemente i componenti aggiuntivi Qi, sarai sicuramente interessato ad aggiungere elementi pi\u00f9 utili al tuo negozio web come orari di apertura<\/a>, widget del processo Elementor<\/a> o forse vorrai esplorare come enfatizzare contenuti specifici evidenziandoli testo<\/a>. Ci sono sicuramente molti modi diversi per rendere il tuo sito web pi\u00f9 accattivante e attraente, per non dire anche redditizio.<\/p>\n

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

Scopri come aggiungere facilmente il confronto dei prodotti WooCommerce al tuo negozio online e aumentare le tue vendite!<\/p>\n","protected":false},"author":1,"featured_media":263339,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-370575","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\/370575","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=370575"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/370575\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/263339"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=370575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=370575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=370575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}