In questo post ti mostreremo come combinare Elementor e WC Product Table per creare un sito WordPress più personalizzato, aumentando al contempo le vendite del tuo negozio WooCommerce.
WordPress semplifica il processo di creazione di un sito web e la sua rapida operatività. WooCommerce è un plugin per WordPress che ti permette di trasformare qualsiasi sito WordPress in un negozio online completamente funzionante. Corri il rischio di creare un sito copiato, tuttavia, se continui con le opzioni e le funzionalità predefinite, questo potrebbe non essere adatto alle tue esigenze aziendali. È fondamentale individuare gli strumenti migliori per progettare e personalizzare il tuo sito web finché non ottieni esattamente ciò che desideri.
plugin per WordPress e WooCommerce per migliorare le funzionalità del tuo negozio: Elementor, ad esempio amp è lo strumento più semplice per personalizzare la pagina prodotto di WooCommerce. Sebbene sia uno dei suoi vantaggi più significativi, presenta anche alcuni svantaggi significativi. Ad esempio amp quando si combinano plugin di autori diversi, si corre il rischio di riscontrare errori di compatibilità e altre complicazioni; questo non accade quando si utilizzano i plugin WooCommerce Product Table ed Elementor plugin avrai un maggiore controllo sull'aspetto e sulle funzionalità del tuo sito e possono essere utilizzati insieme per ottenere risultati ancora più eccellenti.
- Una rapida panoramica della tabella dei prodotti WooCommerce e dei framework Elementor
- Per incorporare una tabella prodotti WooCommerce in un editor di testo o in un widget shortcode, segui questi passaggi:
- Per organizzare più tabelle di prodotti è possibile utilizzare accordion, tab e toggle.
Una rapida panoramica della tabella dei prodotti WooCommerce e dei framework Elementor
Come già detto, esiste un'ampia selezione di pluginper WordPress disponibili per aiutarti a creare un sito WordPress migliore e personalizzato in base alle tue esigenze specifiche. Alcuni pluginsono progettati per un utilizzo su larga scala, mentre altri sono pensati per aggiungere un aspetto o una funzionalità specifica.
Elementor è unampdel primo tipo di applicazione:
Il nostro plugin per la creazione di pagine web ti offre un'interfaccia completamente nuova per la creazione di pagine web e il tuo sito web WordPress. Ottieni un controllo completo sulla struttura del tuo sito web, selezionando e personalizzando un'ampia libreria di widget, blocchi e layout.
Sebbene la tabella dei prodotti WooCommerce sia una soluzione più generale, è anche più mirata:
Questo plugin consente di creare tabelle dinamiche e completamente personalizzabili che elencano i prodotti e servizi WooCommerce. Tuttavia, grazie alla loro interazione con WooCommerce, queste tabelle sono particolarmente adatte per visualizzare articoli e servizi in modo intuitivo e visivamente accattivante per gli acquirenti online. Il plugin Posts Table Pro interagisce in modo analogo con Elementor e può elencare qualsiasi tipo di contenuto WordPress in una tabella, anziché semplicemente i prodotti WooCommerce (se si desidera visualizzare qualcosa di diverso dai prodotti, come post, pagine o documenti).
Se utilizzati insieme, Elementor e WooCommerce Product Table offrono funzionalità notevolmente diverse. Puoi sfruttarli per generare impatti significativi che ti aiuteranno ad aumentare il numero di vendite del tuo negozio WooCommerce.
Ora è il momento di passare al dunque. Nelle sezioni seguenti, esamineremo alcuniampconcreti di come utilizzare la tabella prodotti di WooCommerce ed Elementor per creare effetti simili a quelli mostrati sopra.
Quando si tratta di combinare questi due plugin, il cielo è il limite, e queste sono solo alcune delle possibilità. Con un po' di tentativi ed errori, è possibile creare diverse pagine utilizzando lo stesso approccio fondamentale che illustreremo.
Innanzitutto, assicurati che entrambi pluginsiano installati correttamente sul tuo sito. È positivo che l'installazione di Elementor e la configurazione della tabella prodotti di WooCommerce siano semplici e intuitive. Anche WooCommerce deve essere installato e abilitato prima di poter procedere con questo passaggio. Dopodiché sarai pronto per iniziare a lavorare sul tuo progetto.
Per incorporare una tabella prodotti WooCommerce in un editor di testo o in un widget shortcode, segui questi passaggi:
Iniziamo con l'applicazione più fondamentale e utile possibile. In alternativa, se desideri semplicemente utilizzare una tabella prodotti dinamica sul tuo sito web Elementor, puoi aggiungerla a un widget e visualizzarla nel front-end del sito web.
Per farlo, assicurati di utilizzare l'editor di Elementor quando apri una pagina o un post. Se ti viene presentata la familiare interfaccia di WordPress, clicca sul pulsante "Modifica con Elementor" per passare all'interfaccia di Elementor:
Se è la prima volta che utilizzi Elementor, diamo un'occhiata alla piattaforma. Sulla destra apparirà un'ampia area in cui verranno visualizzati i tuoi contenuti, che verranno aggiornati in tempo reale man mano che li aggiungi e li modifichi. Sul lato sinistro dello schermo, troverai un elenco di "widget" che puoi trascinare nell'area designata e poi riorganizzare e configurare a seconda delle tue esigenze:
Una tabella prodotti può essere utilizzata con diversi widget di Elementor. Se desideri visualizzare una sola tabella prodotti su una pagina, puoi farlo includendo una sezione di testo introduttiva nel codice HTML della pagina. Seleziona il widget "Editor di testo" e spostalo in uno spazio vuoto come segue:
Dopodiché, puoi cliccare all'interno del widget per rimuovere il testo predefinito e sostituirlo con il contenuto desiderato. Per quanto riguarda la tabella dei prodotti, puoi includerla incollando questo semplice shortcode:
[tabella prodotti]
Quando inserisci lo shortcode nella tua pagina, la tabella apparirà nella posizione specificata, che puoi verificare visualizzandola nel front-end:
Se si desidera utilizzare un elemento solo per il codice stesso, è possibile utilizzare il widget Shortcode.
Non dimenticare mai di salvare la pagina una volta terminato il posizionamento della tabella, indipendentemente da dove decidi di posizionarla. In seguito, probabilmente vorrai apportare alcune modifiche all'aspetto e al funzionamento della tabella.
Torna alla dashboard di WordPress e vai alla scheda WooCommerce > Impostazioni per completare questa operazione. Puoi trovare le tabelle dei prodotti selezionando "Prodotti" nella parte superiore dello schermo e poi "Tabelle dei prodotti":
Un elenco completo delle opzioni per configurare la tabella prodotti di WooCommerce è disponibile qui. Hai il controllo completo sulle informazioni che appaiono nella tabella e puoi personalizzarla aggiungendo filtri e variabili, tra le altre cose. Consulta la documentazione del pluginper maggiori informazioni sulle diverse opzioni.
Potrai modificare la tabella prodotti appena creata con Elementor senza dover fare altro. Una volta completata la personalizzazione della tabella in base alle tue specifiche, salva le modifiche e sarai pronto a iniziare!
Per organizzare più tabelle di prodotti è possibile utilizzare accordion, tab e toggle.
La soluzione sopra descritta funziona bene se si desidera presentare un'unica tabella con i prodotti WooCommerce. Se si prevede di creare più tabelle, ognuna delle quali contiene una diversa categoria di oggetti, questa non è l'opzione migliore.
Esistono diversi modi per ottenere questo risultato in Elementor. Il widget Accordion, adamp, può essere utilizzato per generare lo stesso effetto che abbiamo visto nell'ultimo caso di studio. Partendo dall'area di modifica a destra, sposta il widget Accordion nell'area di modifica a sinistra.
Puoi creare tutte le schede che desideri cliccando sui segni più e personalizzare i titoli e il testo di ciascuna di esse. Inoltre, puoi aggiungere una tabella prodotti a una o più schede utilizzando lo stesso shortcode menzionato in precedenza.
Naturalmente, la semplice aggiunta dello shortcode di base si tradurrà in una successione di tabelle di prodotti simili, che molto probabilmente non è ciò che cercavi in primo luogo. Dovrai invece personalizzare ogni shortcode per visualizzare solo prodotti specifici, adamparticoli di una categoria specifica, anziché tutti i prodotti.
Il metodo da utilizzare dipenderà dai prodotti che si desidera includere e omettere da ciascuna tabella. Per ulteriori informazioni, consultare la guida completa alla personalizzazione degli shortcode delle tabelle prodotti di WooCommerce.
Vale la pena notare che è possibile ottenere un effetto simile con l'aiuto di altri utili widget di Elementor; tra questi, il widget Toggle e il widget Tabs, tra gli altri componenti. Per presentare diverse tabelle di prodotti WooCommerce in modo accattivante e ben organizzato, Elementor è lo strumento ideale.
Ripulisci il tuo markup approssimativo grazie agli organizzatori gratuiti online di HTML, CSS e JavaScript!
Se vuoi che la tua attività si distingua dalla concorrenza, dedica un'attenta riflessione al design del tuo sito e-commerce. Adamp, dovrai individuare il modo più efficace per presentare i tuoi prodotti, idealmente in uno stile che sia allo stesso tempo intuitivo e visivamente accattivante.
Fortunatamente, utilizzare il plugin WooCommerce Product Table con Elementor semplifica notevolmente questa operazione. Lo shortcode della tabella prodotti può essere utilizzato per visualizzare tutto ciò che il tuo sito ha da offrire (o solo una selezione) in modo davvero dinamico.
