Come aggiungere i pulsanti "Acquista su Amazon" in WordPress (3 modi)

Riassumere questo post con l'AI

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.

Il pulsante "Acquista su Amazon" non è altro che una Pulsante CTA I commercianti affiliati aggiungono ai loro siti web. Utilizzando questo pulsante, possono indirizzare gli utenti a pagine di prodotti specifici, consentendo loro di acquistare i prodotti con un solo clic.

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

Metodo 1: utilizzare il blocco dei pulsanti predefiniti

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