{"id":3308,"date":"2024-09-07T18:42:52","date_gmt":"2024-09-07T18:42:52","guid":{"rendered":"https:\/\/tableberg.com\/?p=3308"},"modified":"2024-09-07T18:42:53","modified_gmt":"2024-09-07T18:42:53","slug":"come-aggiungere-i-box-dei-prodotti-amazon-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-add-amazon-product-boxes-in-wordpress\/","title":{"rendered":"Come aggiungere box di prodotti Amazon in WordPress"},"content":{"rendered":"

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.<\/p>\n\n\n\n

Lo scopo principale di questo riquadro \u00e8 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, \u00e8 possibile creare splendidi box di prodotti Amazon nell'editor di WordPress.<\/p>\n\n\n\n

In questo articolo che segue, tratteremo un tutorial su come aggiungere box di prodotti Amazon in WordPress.<\/p>\n\n\n\n

Passo 01: aggiungere il blocco Tableberg all'editor<\/h2>\n\n\n\n

Il plugin \u00e8 dotato di un blocco personalizzato denominato Tableberg. Fare clic sul pulsante icona pi\u00f9 (+)<\/strong>. Aggiungere il Blocco Tableberg<\/strong> all'editore.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Impostare il numero di colonne e righe necessarie in base al contenuto. Per questa esercitazione, impostiamo 2*1.<\/p>\n\n\n\n

\"Impostare<\/figure>\n\n\n\n

La versione base della tabella \u00e8 pronta. Successivamente, aggiungeremo il contenuto alle colonne e alle righe.<\/p>\n\n\n\n

\"Selezione<\/figure>\n\n\n\n

Passo 02: Aggiungere un'immagine del prodotto Amazon<\/h2>\n\n\n\n

Tableberg consente di aggiungere pi\u00f9 blocchi personalizzati alle celle della tabella come nell'editor Gutenberg. Aggiungere il blocco Blocco immagine<\/strong> a una cella per mostrare l'immagine del prodotto Amazon.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Abbiamo aggiunto l'immagine di un prodotto Amazon. \u00c8 possibile aumentarne le dimensioni trascinando l'icona circolare e tenendola premuta contemporaneamente.<\/p>\n\n\n\n

\"Aumentare<\/figure>\n\n\n\n

Passo 03: Aggiungere i dettagli del prodotto<\/h2>\n\n\n\n

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<\/strong>.<\/p>\n\n\n\n

Scrivere il nome del prodotto<\/h3>\n\n\n\n

Per impostazione predefinita, l'opzione Blocco di paragrafi<\/strong> viene selezionato automaticamente. \u00c8 sufficiente scrivere il nome del prodotto.<\/p>\n\n\n\n

\"Scrivere<\/figure>\n\n\n\n

Aumentare le dimensioni del nome del prodotto<\/strong> dal Sezione tipografica<\/strong> nella barra laterale destra. Perch\u00e9 questo testo deve apparire pi\u00f9 grande degli altri.<\/p>\n\n\n\n

\"Ridimensionare<\/figure>\n\n\n\n

Aggiungere il prezzo del prodotto<\/h3>\n\n\n\n

Aggiungere un nuovo Blocco di paragrafi<\/strong> per scrivere il prezzo del prodotto.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Impostate un colore diverso e accattivante per i prezzi, in modo da attirare gli occhi delle persone. <\/p>\n\n\n\n

\"Colorare<\/figure>\n\n\n\n

\u00c8 sempre utile mostrare un prezzo scontato per eccitare le persone. \u00c8 possibile farlo aggiungendo un prezzo maggiorato con uno strikethough.<\/p>\n\n\n\n

Quindi, scrivete un prezzo maggiorato. Utilizzando le opzioni Evidenziazione e Barratura, \u00e8 possibile impostare un colore diverso e barrarlo.<\/p>\n\n\n\n

\"Scrivere<\/figure>\n\n\n\n

Scrivere una descrizione del prodotto<\/h3>\n\n\n\n

Utilizzando un altro blocco Paragraph, scrivere una descrizione per il prodotto Amazon.<\/p>\n\n\n\n

\"Scrivere<\/figure>\n\n\n\n

Passo 04: Aggiungere un pulsante CTA<\/h2>\n\n\n\n

Trovate e aggiungete il file Blocco di pulsanti<\/strong> sotto la descrizione.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Scrivete una copia per il pulsante. Quindi, andare alla pagina Scheda Impostazioni<\/strong>. <\/p>\n\n\n\n

Da Impostazioni di larghezza<\/strong>selezionare un'opzione per aumentare la larghezza del pulsante<\/strong> come si vuole.<\/p>\n\n\n\n

\"Aumentare<\/figure>\n\n\n\n

Successivamente, si arriva al Scheda Stili<\/strong>. Utilizzando opzioni adeguate, colorare<\/strong> e ridimensionare la copia del pulsante<\/strong>.<\/p>\n\n\n\n

\"Personalizzare<\/figure>\n\n\n\n

Fase 05: Aggiungere spazio tra i blocchi<\/h2>\n\n\n\n

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

\"Aggiungere<\/figure>\n\n\n\n

Passo 06: Aggiungere un nastro al riquadro del prodotto Amazon<\/h2>\n\n\n\n

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

\"Aggiungere<\/figure>\n\n\n\n

Aggiungere un copia del nastro, stile del nastro, posizione, <\/strong>e colore<\/strong> utilizzando le opzioni della scheda Impostazioni e stili.<\/p>\n\n\n\n

\"Personalizzare<\/figure>\n\n\n\n

Passo 07: Personalizzare il bordo del riquadro del prodotto Amazon<\/h2>\n\n\n\n

Personalizzando il bordo della scatola, \u00e8 possibile abbellirne l'estetica. Venite al Tabella Sezione bordo<\/strong> scorrendo la pagina Scheda Stili<\/strong>.<\/p>\n\n\n\n

Disattivare il bordo interno<\/strong>. Dopo di che, cambiare il colore<\/strong> e larghezza del bordo esterno<\/strong>. <\/p>\n\n\n\n

\"Personalizzare<\/figure>\n\n\n\n

Il riquadro del prodotto Amazon \u00e8 pronto. \u00c8 possibile modificarlo ulteriormente come si desidera.<\/p>\n\n\n\n

Punto bonus: Utilizzare un modello di scatola di prodotto precostituito<\/h2>\n\n\n\n

Il plugin Tableberg \u00e8 dotato di una completa libreria di modelli<\/a> 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.<\/p>\n\n\n\n

In questo video clip abbiamo mostrato come trovare i riquadri delle caratteristiche e aggiungerli all'editor. Quindi, modificando semplicemente il contenuto, \u00e8 possibile preparare il box prodotto Amazon.<\/p>\n\n\n\n

Conclusione<\/h2>\n\n\n\n

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

Ad esempio, prima di andare via, dedicate qualche minuto in pi\u00f9 a esplorare il post come mostrare le fasi del processo in WordPress<\/a> con il plugin.<\/p>","protected":false},"excerpt":{"rendered":"

Amazon product boxes are designed to feature products available on the Amazon platform in a visually engaging way. They include images, features, descriptions, prices, and direct links so people can buy the products. The main purpose of this box is to inform customers about the product’s features and benefits at a glance and excite them […]<\/p>\n","protected":false},"author":1,"featured_media":3334,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[111,10,102],"class_list":["post-3308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-amazon-product-marketing","tag-customize-table","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Add-Amazon-Product-Boxes-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=3308"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3308\/revisions"}],"predecessor-version":[{"id":3335,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3308\/revisions\/3335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/3334"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=3308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=3308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=3308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}