How to Add ‘Buy On Amazon’ Buttons in WordPress (3 Ways)

Amazon è uno dei più grandi marketplace di e-commerce sia per i rivenditori che per i grossisti. Non solo i venditori e i clienti, ma anche molti marketer affiliati si iscrivono ad Amazon per guadagnare commissioni promuovendo prodotti e servizi su questa piattaforma.

The ‘Buy on Amazon’ button is nothing but a Pulsante CTA affiliate marketers add to their websites. Using this button, they can direct users to specific product pages, enabling them to buy products with a single click.

In questo articolo, vi mostreremo tre semplici metodi per aggiungere Acquista su Amazon in WordPress. Preparatevi a esplorare.

Method 1: Using the Default Buttons Block

L'editor Gutenberg è dotato di un blocco pulsanti predefinito. Con questo blocco, è possibile creare e aggiungere un pulsante ben funzionante al proprio sito.

Passo 01: Aggiungere il blocco di pulsanti predefinito al vostro sito

Aprite un post o una pagina in cui volete aggiungere questo pulsante CTA. Fate clic sul pulsante pulsante più (+) sull'editor. Trovare la voce Blocco pulsanti digitandolo nella casella di ricerca. Aggiungetelo in un punto adeguato dell'editor.

Aggiungere il blocco pulsante a WordPress

Viene aggiunto il blocco Pulsanti. Per impostazione predefinita, non ha testo ed è allineato a sinistra. Successivamente, aggiungeremo una CTA con un link e la allineeremo al centro.

Viene aggiunto il blocco Pulsanti

Passo 02: Aggiungere una copia CTA e un link al pulsante

Posizionare il cursore sul pulsante e digitare Acquista su Amazon. È possibile mettere in grassetto il testo premendo il tasto Opzione in grassetto sulla barra degli strumenti. Successivamente, allineare il pulsante al centro. È possibile allinearlo anche a sinistra o a destra.

Aggiungete una copia CTA e allineate il pulsante in posizione centrale

Aggiungete un link al pulsante CTA facendo clic sul pulsante Opzione link sulla barra degli strumenti di Gutenberg.

Aggiungere un link al pulsante

Passo 03: Personalizzare e stilizzare il blocco dei pulsanti

Otterrete il Impostazioni e Schede degli stili nella barra laterale destra. La scheda Impostazioni consente di aumentare la larghezza del blocco pulsanti secondo le proprie esigenze.

Modificare le impostazioni di larghezza del pulsante CTA

Dal Scheda Stili, è possibile modificare l'impostazione testo e colore di sfondo del pulsante. Dopodiché, è possibile modificare il tipografia, dimensione dei caratteri, padding, bordi, e raggio del blocco pulsante.

Spero che possiate farli da soli. Pertanto, è possibile creare il Acquista su Amazon con questo blocco predefinito.


Metodo due: utilizzare il blocco Pulsante (migliorato)

Esistono molti plugin per pulsanti online, che consentono di aggiungere ulteriori caratteristiche e funzionalità ai pulsanti CTA. Blocchi definitivi è uno di questi. Permette di aggiungere effetti di animazione al pulsante e di visualizzarlo sia in orizzontale che in verticale.

Vai a Plugin > Aggiungi nuovi plugin. Tipo Blocchi definitivi nella casella di ricerca. Installare e attivare il plugin. Seguire quindi la procedura descritta di seguito.

Installare e attivare il plugin Ultimate Blocks

Passo 01: trovare e aggiungere il blocco Pulsante (migliorato)

Il blocco di pulsanti che Ultimate Blocks propone si chiama Pulsante (migliorato). Trovatelo e aggiungetelo all'editor.

Aggiungere il blocco Pulsante (migliorato) all'editor

Passo 02: Aggiungere copia e link al blocco Pulsante (migliorato)

Aggiungere la copia CTA 'Acquista su Amazon' e un link al pulsante seguendo lo stesso metodo descritto sopra.

Aggiungere una copia e un link al pulsante CTA

Passo 03: Configurare le impostazioni del blocco Pulsante (migliorato)

Il Scheda Impostazioni nella barra laterale destra vi offrirà molte opzioni. È possibile giustificare il blocco allineamento, definire il suo orientamentoe scegliere la voce dimensione e larghezza del pulsante.

Configurare le impostazioni del blocco pulsante (migliorato)

Passo 04: Aggiungere un'icona al pulsante

Scorrere un po' la scheda. Avrete l'opzione di aggiungere un'icona al pulsante. È anche possibile modificare la posizione del pulsante, comprese le sue dimensioni. Di seguito si può vedere che abbiamo aggiunto l'icona del carrello al pulsante.

Passo 05: Aggiungere l'animazione al blocco Pulsante (migliorato)

Scorrere ancora un po' la scheda. Il Opzione Pro è riservata solo agli utenti premium. Una volta effettuato l'aggiornamento alla versione premium, è possibile aggiungere effetti di animazione al pulsante.

Successivamente, si può impostare di nascondere questo blocco per dispositivi specifici, utilizzando l'opzione Opzione Controllo reattivo.

Aggiungere un effetto di animazione al pulsante

Passo 06: stilizzare il blocco Pulsante (migliorato)

Vai al sito Scheda Stili. È possibile selezionare l'opzione colore del pulsante, colore del testo, colore del passaggio del mouse, raggio del pulsante, e stile di layout.

Stilizzare il blocco dei pulsanti (migliorato)

Scorrendo ancora un po' la scheda, si otterranno le opzioni per aggiungere stile dei pulsanti e impostazioni di dimensione. Fate voi stessi queste stilizzazioni. In questo modo, è possibile creare pulsanti CTA convincenti con il plugin.

Aggiungere lo stile del pulsante

Method Three: Using the Tableberg Plugin

Tavolo di lavoro è un plugin per la creazione di tabelle. Ci sono molti venditori affiliati che vogliono promuovere i prodotti attraverso tabelle di comparazione e specifiche dei prodotti. TableBerg potrebbe essere il plugin ideale per loro. Permette di aggiungere pulsanti CTA alla tabella.

Installare e attivare il Plugin TableBerg.

Step 01: Find and Add the Tableberg Block

Il plugin TableBerg è dotato di un blocco per la costruzione di tabelle. Come per qualsiasi altro blocco, si deve trovare il parametro TavoloBerg e aggiungerlo all'editor.

Trovare e aggiungere il blocco TableBerg all'editor di Gutenberg

Passo 02: Creare la tabella e aggiungervi il contenuto

Ogni cella della tabella ha anche il nome Gutenberg pulsante più (+). Facendo clic sul pulsante, è possibile aggiungere diversi tipi di blocchi alla tabella, consentendo di aggiungere diversi tipi di contenuti. Esplorate e fatelo voi stessi.

Usare i blocchi TableBerg per creare una tabella e aggiungervi contenuto

Si può notare che abbiamo creato una tabella dimostrativa con il plugin.

Creare una tabella dimostrativa con il plugin TableBerg

Passo 03: Aggiungere i pulsanti CTA alla tabella

Aggiungere il Blocco di pulsanti a tutte le rispettive celle della tabella, una per una.

Aggiungere il blocco pulsante a tutte le rispettive celle della tabella

Successivamente, aggiungere la copia 'Acquista su Amazon' e personalizzare i pulsanti. Non mostreremo di nuovo la procedura, poiché l'abbiamo già spiegata nei due metodi precedenti.

Aggiungere la copia della CTA e le personalizzazioni al blocco dei pulsanti

Imparare come creare una tabella di specifiche di prodotto in WordPress.


Conclusione

Aggiungere pulsanti CTA per vendere prodotti affiliati Amazon non è difficile se si dispone degli strumenti giusti. Mentre il blocco predefinito consente di creare pulsanti mediocri, gli altri due plugin mostrati sopra permettono di creare pulsanti CTA più attraenti.

Grazie ad essi, è possibile migliorare l'esperienza di acquisto, aumentare le conversioni e generare reddito per il proprio sito. Se questo articolo vi è piaciuto, fatecelo sapere attraverso il box dei commenti. Inoltre, se avete qualche domanda, segnalatela pure qui sotto, così potremo soddisfarvi con risposte informative.



Il team Tableberg

L'offerta Early Bird è ora disponibile!
Questo è il testo predefinito per la barra di notifica