Come aggiungere box di prodotti Amazon in WordPress

Riassumere questo post con l'AI

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: A