Come aggiungere box di prodotti Amazon in WordPress

Come aggiungere box di prodotti Amazon in WordPress

I box di prodotto Amazon sono progettati per presentare i prodotti disponibili sulla piattaforma Amazon in modo visivamente accattivante. Includono immagini, caratteristiche, descrizioni, prezzi e link diretti per l'acquisto dei prodotti.

Lo scopo principale di questo riquadro è quello di informare i clienti sulle caratteristiche e i vantaggi del prodotto in un colpo d'occhio e di spingerli ad acquistarlo immediatamente. Con il plugin Tableberg, è possibile creare splendidi box di prodotti Amazon nell'editor di WordPress.

In questo articolo che segue, tratteremo un tutorial su come aggiungere box di prodotti Amazon in WordPress.

Passo 01: aggiungere il blocco Tableberg all'editor

Il plugin è dotato di un blocco personalizzato denominato Tableberg. Fare clic sul pulsante icona più (+). Aggiungere il Blocco Tableberg all'editore.

Aggiungere il blocco TableBerg all'editor di Gutenberg

Impostare il numero di colonne e righe necessarie in base al contenuto. Per questa esercitazione, impostiamo 2*1.

Impostare il numero di righe e colonne

La versione base della tabella è pronta. Successivamente, aggiungeremo il contenuto alle colonne e alle righe.

Selezione di righe e colonne per la progettazione della tabella dei prodotti Amazon

Passo 02: Aggiungere un'immagine del prodotto Amazon

Tableberg consente di aggiungere più blocchi personalizzati alle celle della tabella come nell'editor Gutenberg. Aggiungere il blocco Blocco immagine a una cella per mostrare l'immagine del prodotto Amazon.

Aggiungere il blocco immagine alla casella del prodotto Amazon

Abbiamo aggiunto l'immagine di un prodotto Amazon. È possibile aumentarne le dimensioni trascinando l'icona circolare e tenendola premuta contemporaneamente.

Aumentare le dimensioni dell'immagine del prodotto Amazon

Passo 03: Aggiungere i dettagli del prodotto

Nella colonna di destra, aggiungeremo il nome del prodotto, le caratteristiche, il prezzo e una breve descrizione. Si possono fare tutte queste cose usando l'opzione Blocco di paragrafi.

Scrivere il nome del prodotto

Per impostazione predefinita, l'opzione Blocco di paragrafi viene selezionato automaticamente. È sufficiente scrivere il nome del prodotto.

Scrivere il nome del prodotto

Aumentare le dimensioni del nome del prodotto dal Sezione tipografica nella barra laterale destra. Perché questo testo deve apparire più grande degli altri.

Ridimensionare il nome del prodotto Amazon

Aggiungere il prezzo del prodotto

Aggiungere un nuovo Blocco di paragrafi per scrivere il prezzo del prodotto.

Aggiungere il prezzo del prodotto

Impostate un colore diverso e accattivante per i prezzi, in modo da attirare gli occhi delle persone.

Colorare i prezzi e le dimensioni del prodotto

È sempre utile mostrare un prezzo scontato per eccitare le persone. È possibile farlo aggiungendo un prezzo maggiorato con uno strikethough.

Quindi, scrivete un prezzo maggiorato. Utilizzando le opzioni Evidenziazione e Barratura, è possibile impostare un colore diverso e barrarlo.

Scrivere un prezzo scontato

Scrivere una descrizione del prodotto

Utilizzando un altro blocco Paragraph, scrivere una descrizione per il prodotto Amazon.

Scrivere una descrizione del prodotto

Passo 04: Aggiungere un pulsante CTA

Trovate e aggiungete il file Blocco di pulsanti sotto la descrizione.

Aggiungere un pulsante CTA al riquadro del prodotto Amazon

Scrivete una copia per il pulsante. Quindi, andare alla pagina Scheda Impostazioni.

Da Impostazioni di larghezzaselezionare un'opzione per aumentare la larghezza del pulsante come si vuole.

Aumentare la larghezza del pulsante

Successivamente, si arriva al Scheda Stili. Utilizzando opzioni adeguate, colorare e ridimensionare la copia del pulsante.

Personalizzare il colore del pulsante

Fase 05: Aggiungere spazio tra i blocchi

Selezionare l'intera colonna facendo clic sul suo bordo. Andare alla sezione Scheda Stili. Vieni al Sezione spaziatura blocchi scorrendo la scheda verso il basso. Inserire un valore per aggiungere spazio tra i blocchi della colonna.

Aggiungere spazio tra i blocchi

Passo 06: Aggiungere un nastro al riquadro del prodotto Amazon

I ribbon consentono di mostrare un breve messaggio promozionale che stimola immediatamente gli utenti ad acquistare il vostro prodotto. Aggiungete il Blocco nastro alla colonna che si desidera visualizzare.

Aggiungere un nastro al riquadro del prodotto Amazon

Aggiungere un copia del nastro, stile del nastro, posizione, e colore utilizzando le opzioni della scheda Impostazioni e stili.

Personalizzare il nastro

Passo 07: Personalizzare il bordo del riquadro del prodotto Amazon

Personalizzando il bordo della scatola, è possibile abbellirne l'estetica. Venite al Tabella Sezione bordo scorrendo la pagina Scheda Stili.

Disattivare il bordo interno. Dopo di che, cambiare il colore e larghezza del bordo esterno.

Personalizzare il bordo del riquadro del prodotto Amazon

Il riquadro del prodotto Amazon è pronto. È possibile modificarlo ulteriormente come si desidera.

Punto bonus: Utilizzare un modello di scatola di prodotto precostituito

Il plugin Tableberg è dotato di una completa libreria di modelli dove troverete una buona collezione di tabelle precostituite con cui potrete preparare immediatamente le vostre numerose sezioni web. Include anche molte caselle di caratteristiche precostituite che potete utilizzare per creare tabelle di prodotti Amazon.

In questo video clip abbiamo mostrato come trovare i riquadri delle caratteristiche e aggiungerli all'editor. Quindi, modificando semplicemente il contenuto, è possibile preparare il box prodotto Amazon.

Conclusione

Abbiamo trattato il tutorial in breve. È possibile rendere più ampio il riquadro del prodotto Amazon aggiungendo molte altre informazioni. Potete anche aggiungere più immagini e pulsanti CTA. In questo articolo, abbiamo appena cercato di presentare una guida ispiratrice che potete utilizzare per creare design più interessanti.

Ad esempio, prima di andare via, dedicate qualche minuto in più a esplorare il post come mostrare le fasi del processo in WordPress con il plugin.



Il team Tableberg