Carosello di prodotti utilizzando Elementor
Pubblicato: 2021-11-16Stai cercando un modo per utilizzare il carosello di prodotti utilizzando Elementor all'interno del tuo sito Web WooCommerce? Per un negozio WooCommerce online, un carosello di prodotti aiuta a visualizzare un gran numero di prodotti in uno spazio compatto.
Poiché il coinvolgimento dei clienti è la cosa più importante nel tuo negozio web, un carosello di prodotti decorativo è il modo migliore per attirare rapidamente l'attenzione delle persone.
Quindi, se hai intenzione di migliorare l'aspetto del tuo negozio, l'utilizzo del componente aggiuntivo WC Carousel sarebbe la scelta perfetta. Non solo lo strumento è utile per mostrare i prodotti in massa, ma ha anche un layout piuttosto bello.
Mi sento curioso? Lascia che ti porti più a fondo in questo e sicuramente non te ne pentirai.
Coinvolgi il tuo pubblico con Product Carousel utilizzando Elementor
Il WooCommerce Product Carousel è principalmente un widget di tipo slider per Elementor. È lo strumento perfetto per coinvolgere i tuoi clienti con una visualizzazione del pollice dei prodotti e consentire loro di sfogliare facilmente centinaia di articoli senza interruzioni.
Il Carosello dei prodotti è dotato di una funzione "Aggiungi al carrello" che aiuta ad aumentare le vendite fornendo un modo più rapido per acquistare i beni. Consente ai clienti di acquistare tutto ciò che desiderano semplicemente toccando il pulsante del carrello sui prodotti.
Prendi un esempio dall'immagine sopra dove puoi vedere il pulsante del carrello appena sotto le immagini del prodotto. Aiuta le persone a fare acquisti più velocemente invece di accedere alla pagina dei dettagli del singolo prodotto ogni volta che devono aggiungere qualcosa al carrello.
La cosa migliore di un carosello di prodotti WooCommerce che utilizza Elementor è che puoi creare design accattivanti con il carosello che cattura l'attenzione delle persone. L'animazione del carosello può essere impostata in modo vivido per creare più interfacce uniche contemporaneamente.
Di conseguenza, le persone vengono attratte dallo straordinario carosello di prodotti ogni volta che qualcuno atterra sul tuo sito Web e vede il carosello animato. Non è tutto! Puoi anche utilizzare il carosello dei prodotti per visualizzare i tuoi prodotti in primo piano come prima cosa sul tuo sito web.
WooCommerce Carousel Widget di Element Pack Pro offre un nuovo vantaggio per WoCommerce
Se ottieni uno strumento del genere che non richiede codifica durante la progettazione del tuo carosello di prodotti WooCommerce, sceglieresti comunque i codici manuali? Certo che non lo farai. Non quando hai a disposizione il widget WC Carousel di Element pack Pro (By Bdthemes).
Con oltre 70.000 clienti soddisfatti che utilizzano i widget di Element Pack Pro, il WC Carousel si rivela una stella tra gli altri. È perché il widget ti consente di creare un carosello di prodotti dinamico utilizzando Elementor senza richiedere alcun tipo di preparazione o conoscenza dei codici.
Elementor utilizza una semplice tecnica Drag & Drop per importare widget che aggiungono nuove funzionalità e funzioni al tuo sito web. Il WC Carousel è uno strumento pensato per essere utilizzato insieme a Elementor. Con esso, puoi progettare un fantastico carosello di prodotti per il tuo negozio, cambiare il layout, cambiare colori e caratteri e tutto ciò che desideri personalizzare.
Tanto da dire, vediamo come utilizzare in pratica il prodotto WC Carousel utilizzando Elementor.
Crea un potente carosello di prodotti WooCommerce utilizzando Elementor
I passaggi che stiamo per mostrare qui ti aiuteranno ad alzarti e a svolgere il lavoro nel modo più efficiente. Ma questo richiede la conoscenza di base di Elementor. A meno che tu non sappia come utilizzare Elementor come principiante, le cose saranno difficili per te.
Se hai bisogno di aiuto, vai a questo video tutorial per principianti su Elementor per imparare le basi.
Ad ogni modo, non c'è niente di più facile che creare un prodotto Carousel utilizzando Elementor. Ma prima, devi garantire questi requisiti sul tuo sito Web WordPress-
- Installato e attivato il plug-in Elementor Page Builder
- Plugin WooCommerce installato e attivato
- Installa e attiva il plug-in Element Pack Pro (necessario per utilizzare il widget WC Carousel)
Una volta terminato, è il momento di entrare nella fase di creazione del carosello prodotti WC. Si prega di seguire i passaggi correttamente.
Passaggio 1: attiva il widget WC Carousel da Dashboard
Il primo passaggio richiede l'attivazione del widget dalla dashboard di WordPress. Una volta installato il widget Element Pack Pro, lo troverai nella dashboard.
Ora vai su Dashboard> Element Pack Pro> Widget di terze parti> e trova il widget WooCommerce Carousel scorrendo la finestra. Devi fare clic sul selettore accanto al nome del widget e premere il pulsante "Salva modifiche".
Successivamente, è necessario aprire la pagina Web in cui si desidera visualizzare il carosello dei prodotti. Ovviamente, devi toccare il pulsante "Modifica con Elementor" per aprire la pagina all'interno di Elementor.
Quindi, puoi cercare il widget WC Carousel dal menu del widget sul lato sinistro. Una volta che vedi il widget nel menu, fai semplicemente clic e tieni premuta l'icona del widget e trascinala all'interno della tua pagina.
Come puoi vedere nell'immagine sopra, assicurati che i widget abbiano il logo Element Pack Pro su di esso.
Passaggio 2: personalizza il carosello di prodotti WooCommerce utilizzando Elementor
Per impostazione predefinita dal generatore di pagine di Elementor, troverai tutti i controlli di layout di base nella scheda Contenuto . Per il widget WooCommerce Carousel, qui troverai un buon numero di opzioni di personalizzazione del layout.
Ad esempio, puoi impostare il numero di colonna per la linea di prodotti. Abbinare l'altezza dei prodotti è un buon modo per visualizzare un'interfaccia pulita.
È possibile utilizzare la sezione query per selezionare l'origine del dispositivo di scorrimento del carosello. Aiuta se hai bisogno di visualizzare i prodotti con molti dettagli creando post.
In ogni caso, puoi selezionare o escludere prodotti specifici dal carosello che facilita il funzionamento per le micro funzionalità.
Quindi, puoi utilizzare le impostazioni del carosello per spostare le animazioni maggiormente in base alle tue esigenze. Ad esempio, puoi scegliere tra lo stile di layout del carosello e del flusso di copertura per il carosello del prodotto utilizzando Elementor.
Inoltre, puoi modificare la velocità di animazione del carosello e alcune altre impostazioni per sviluppare ulteriormente il layout.
Avviso, il carosello dei prodotti ha badge per ogni prodotto che mostrano le condizioni dei prodotti. Il badge mostrerà automaticamente i prodotti disponibili ed esauriti. Inoltre, puoi personalizzare lo stile dei badge per abbinarlo al tema del tuo sito.
Passaggio 3: personalizzare l'aspetto del carosello del prodotto
La cosa migliore della creazione di un carosello di prodotti utilizzando Elementor è che puoi personalizzare l'intera interfaccia utilizzando molti colori, bordi, imbottiture, ecc. per creare qualcosa di unico dal resto del mercato.
Per il widget WooCommerce Carousel, queste impostazioni di personalizzazione si trovano all'interno della scheda " Stile ". Qui puoi cambiare lo sfondo del carosello in modo che risalti sulla tua pagina.
Le opzioni si espandono in ogni parte del carosello, inclusi titolo, badge, pulsante Aggiungi al carrello, valutazione, prezzi, ecc. Diventa solo più eccitante mentre procedi lungo tutte le sezioni per aggiungere stile al layout del tuo carosello.
Una volta che sei sicuro dello stile, premi il pulsante " Pubblica " e inizia a mostrarti ai tuoi clienti.
Scommetto che è molto più facile di quanto pensassi in precedenza. Assicurati di seguire i passaggi e costruirai un fantastico carosello di prodotti WooCommerce utilizzando Elementor in pochissimo tempo.
Conclusione
Spero che questo articolo ti sia piaciuto. In caso di domande su questo argomento o altro, non esitare a contattarci utilizzando l'opzione Live Chat o il supporto.
Stai al sicuro e goditi l'esplosione del widget del carosello dei prodotti WooCommerce.