Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare un box per prodotti affiliati (senza bisogno di codici)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete creare un box per prodotti affiliati in WordPress?

Un box di prodotto vi permette di mostrare i vostri prodotti affiliati in modo più attraente e accattivante. Può catturare l’attenzione degli utenti e aumentare le probabilità che facciano clic sui vostri link di affiliazione, il che può aiutarvi a guadagnare un reddito passivo dal vostro blog.

In questo articolo vi mostreremo come creare facilmente un box per prodotti affiliati in WordPress.

Creating an affiliate product box in WordPress

Perché creare un box per prodotti affiliati in WordPress?

Un box per prodotti affiliati viene utilizzato dai marketer sui loro siti web WordPress per mostrare e promuovere prodotti specifici ai lettori.

Questo riquadro contiene solitamente il titolo del prodotto, le immagini, la descrizione e un invito all’azione (CTA) per promuovere i clic e gli acquisti.

Affiliate product box preview

Si tratta di una strategia di marketing di affiliazione molto diffusa che può aumentare i tassi di conversione, incrementare l’esposizione del brand e salvare tempo e risorse, rendendola un ottimo modo per fare soldi online.

È possibile aggiungere facilmente un box di prodotti affiliati a un post del blog per attirare potenziali clienti e guadagnare una commissione sulle vendite risultanti.

Detto questo, vediamo come creare facilmente un box per prodotti affiliati in WordPress senza utilizzare alcun codice:

Potete creare facilmente un box di affiliazione per i prodotti utilizzando Pretty Links. È il miglior strumento di marketing di affiliazione che rende super facile la creazione e la gestione dei link di affiliazione sul vostro sito WordPress.

Per prima cosa, è necessario installare e attivare il plugin Pretty Links. Per ulteriori istruzioni, consultare la nostra guida per principianti su come installare un plugin di WordPress.

Nota: Pretty Links ha anche una versione gratuita. Tuttavia, per utilizzare l’addon Product Displays è necessario acquistare il piano pro.

Dopo l’attivazione, visitare la pagina Pretty Links ” Add-ons dalla barra laterale dell’amministrazione di WordPress.

Da qui, è sufficiente installare e attivare il componente aggiuntivo “Product Displays” facendo clic sul pulsante “Install Add-on”.

Install and activate the Product Displays addon

Una volta attivato l’addon, basta andare alla pagina Pretty Links “ Add New per iniziare a creare un link di affiliazione.

Per prima cosa, è necessario digitare il nome del prodotto affiliato nel campo “Aggiungi titolo” in alto. Questo titolo verrà visualizzato come head nel boxed del prodotto affiliato.

Dopodiché, digitate l’URL dell’affiliato nella casella “URL di destinazione”.

Successivamente, digitate lo slug del link nella casella “Pretty Link”. Questa sarà l’ultima parte dell’URL di affiliazione.

Create an affiliate link by typing the target URL

Successivamente, passare alla scheda “Visualizzazione prodotti” dalla barra laterale a sinistra.

Una volta arrivati, si può iniziare scegliendo un tema per il box di affiliazione del prodotto dal menu a tendina “Tema”.

Quindi, fare clic sul pulsante “Aggiorna immagine” per caricare l’immagine del prodotto dalla libreria multimediale di WordPress o dal proprio computer.

Choose a theme and upload product image

Dopo aver fatto ciò, digitare la descrizione del prodotto nella casella “Descrizione”.

Quindi, accanto all’opzione “Prezzo”, impostare un prezzo per il prodotto.

Add product description and price

È inoltre possibile aggiungere un badge nella parte superiore del riquadro del prodotto affiliato. Ad esempio, se l’articolo che state promuovendo è attualmente in saldo, potete mostrarlo ai clienti.

Per aggiungere un badge, è sufficiente digitare il testo accanto all’opzione “Testo badge”.

Successivamente, inserire una CTA per il prodotto affiliato accanto all’opzione “Testo primario del pulsante”. Questo sarà il testo visualizzato sul pulsante all’interno del riquadro del prodotto affiliato.

Il link di affiliazione che abbiamo creato verrà aggiunto automaticamente al pulsante CTA.

Add a badge and CTA text

Se avete scritto una recensione del prodotto affiliato sul vostro blog, potete aggiungere l’URL della pubblicazione al box “URL della recensione”. I lettori che faranno clic su di esso saranno portati alla vostra recensione pubblica.

Per aggiungere una CTA al pulsante di revisione, è sufficiente digitare un testo nell’opzione “Testo del pulsante di revisione”.

Una volta terminato, fare clic sul pulsante “Aggiorna” o “Pubblica” in alto.

Aggiungere il riquadro di affiliazione del prodotto a una pagina o a un post

Ora è necessario aggiungere il riquadro del prodotto affiliato a una pagina o a un post del vostro sito WordPress. In questo tutorial, aggiungeremo il riquadro dei prodotti affiliati a un post.

Per prima cosa, aprite una pubblica nuova o esistente dalla barra laterale dell’amministrazione di WordPress.

Quindi, fare clic sul pulsante “Aggiungi blocco” (+) in alto a sinistra per trovare e aggiungere il blocco PL Product Display all’editor della pubblicazione.

Quindi, fare clic sul pulsante “Aggiungi display”.

Add the PL Product Display box

Si aprirà la finestra “Visualizza prodotto”. Da qui, scegliete l’opzione “Single link” dal menu a discesa.

Una volta fatto ciò, dovrete cercare il link di affiliazione che avete creato nella casella di ricerca.

Add the affiliate product box

Facendo clic sul link di affiliazione, il riquadro di visualizzazione del prodotto viene aggiunto automaticamente al post o alla pagina.

Infine, fare clic sul pulsante “Aggiorna” o “Pubblica” per salvare le modifiche.

Ora è possibile visitare il proprio sito web per verificare il box di affiliazione del prodotto in azione.

Product box preview

Metodo 2: Creare un box per prodotti affiliati nell’editor di blocchi (gratuito)

Per questo metodo, vi mostreremo come creare facilmente un box per prodotti affiliati utilizzando l’editor di blocchi.

Per prima cosa, è necessario aprire un post esistente o nuovo dalla barra laterale dell’amministrazione di WordPress.

Una volta lì, fare clic sul pulsante Add Block ‘(+)’ in alto a sinistra per aprire il menu dei blocchi. Cercare e aggiungere il blocco Colonne all’articolo successivo.

Una volta fatto ciò, apparirà un elenco di varianti di colonne. Per continuare, basta cliccare sulla variante 50/50.

Add the Columns block in the block editor

Questo aggiungerà due blocchi affiancati al post.

Si può iniziare facendo clic sul pulsante “+” sul lato sinistro dello schermo per aprire il menu dei blocchi.

Da qui, scegliere il blocco Immagine e aggiungere l’immagine del prodotto affiliato dalla libreria dei media di WordPress.

Add the image block and then add product image from the media library

Successivamente, è necessario fare clic sul pulsante “+” nella colonna di destra.

Una volta aperto il menu a blocchi, aggiungere il blocco Intestazione e digitare il titolo del prodotto.

Add the Heading block and type product title

Successivamente, fare clic sull’icona “Seleziona colonna” nella barra degli strumenti del blocco e poi sul pulsante “+” in basso. Si aprirà nuovamente il menu dei blocchi.

Da qui, individuare e aggiungere il blocco Paragraph e digitare una descrizione del prodotto nella casella.

Add the Paragraph block to type product descriptions

Ora, per completare il box di affiliazione del prodotto, dovrete aggiungere una CTA e un link di affiliazione per il prodotto.

Per farlo, è necessario uscire dall’editor dei blocchi.

Non dimenticate di fare clic sul pulsante “Salva bozza” per memorizzare le impostazioni prima di tornare alla dashboard di amministrazione di WordPress.

Creare un link di affiliazione

Esistono molti strumenti di marketing di affiliazione per creare e gestire i link di affiliazione sul vostro sito web WordPress.

Per questo tutorial, utilizzeremo Pretty Links, il miglior plugin di WordPress per il marketing di affiliazione.

Per prima cosa, è necessario installare e attivare il plugin Pretty Links. Per ulteriori istruzioni, consultare la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l’attivazione, accedere alla pagina Pretty Link ” Aggiungi nuovo dalla dashboard di WordPress. Una volta arrivati, è necessario digitare il nome del prodotto nel campo “Aggiungi titolo”.

Successivamente, copiare e incollare l’URL del prodotto affiliato accanto all’opzione “URL di destinazione”.

Create pretty link

È ora possibile inserire uno slug URL personalizzato nella casella “Pretty Link”. Pretty Links lo utilizzerà alla fine dell’URL di affiliazione creato per voi.

Una volta terminato, cliccate sul pulsante “Aggiorna” per generare il vostro link di affiliazione.

Verrete quindi reindirizzati alla pagina “Link”. Da qui, è sufficiente copiare il link di affiliazione dalla colonna “Pretty Links”.

Copy the affiliate link

Aggiungere un link di affiliazione al riquadro del prodotto

A questo punto, tornate al blog in cui stavate creando il box del prodotto affiliato.

Una volta arrivati a questo punto, basta fare clic sulla colonna destra del blocco Colonne per aprire la barra degli strumenti del blocco, seguita dal pulsante ‘Seleziona colonne’. Si aprirà il menu del blocco.

Successivamente, è sufficiente aggiungere il blocco Pulsanti.

Add the buttons block in the right column

Per aggiungere un link, fare clic sull’icona ‘Link’ nella barra degli strumenti del blocco ‘Pulsanti’. Si aprirà una finestra di pop-up in cui incollare il link di affiliazione copiato dalla pagina Pretty Links.

È inoltre possibile cercare il link di affiliazione utilizzando la barra di ricerca nel riquadro.

Add an affiliate link

Infine, dovrete aggiungere del testo al vostro pulsante CTA.

Assicuratevi di aggiungere una frase emozionante come CTA per incoraggiare i clienti a cliccare sul link.

Type CTA text

È inoltre possibile creare uno stile per il riquadro del prodotto affiliato utilizzando le impostazioni del blocco. A tale scopo, passare all’icona “Stili” nel pannello dei blocchi.

Da qui è possibile scegliere il colore dello sfondo e del testo del riquadro del prodotto affiliato utilizzando il Color Picker.

Choose a background color for the product affiliate box

Infine, fare clic sul pulsante “Pubblica” o “Aggiorna” per salvare le modifiche.

Ecco come appariva il riquadro del prodotto affiliato sul nostro sito web dimostrativo.

Product affiliate box preview

Metodo 3: Creare un riquadro prodotto per le pagine di destinazione degli affiliati utilizzando SeedProd

Se volete creare un riquadro di prodotto esteticamente gradevole per le landing page personalizzate degli affiliati, questo metodo fa al caso vostro.

È possibile utilizzare SeedProd, il miglior plugin per la creazione di pagine di WordPress presente sul mercato. Vi aiuta a creare un sito web visivamente accattivante senza alcun codice.

Per prima cosa, è necessario installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Nota: SeedProd offre anche una versione gratuita. Tuttavia, noi utilizzeremo la versione premium perché offre più funzioni di progettazione.

Dopo l’attivazione, visitare la pagina SeedProd ” Impostazioni per inserire la chiave di licenza del plugin.

Potete trovare queste informazioni nel vostro account sul sito web di SeedProd.

Paste license key in the field

Successivamente, dalla dashboard dell’amministratore di WordPress, accedere alla sezione SeedProd ” Pagine di destinazione e fare clic sul pulsante “Aggiungi una nuova pagina di destinazione”.

Per questa esercitazione, aggiungeremo un box di prodotti affiliati a una pagina di destinazione.

Click the Add New Landing Page button

A questo punto si aprirà la schermata “Scegliere un nuovo modello di pagina”.

Da qui è possibile scegliere uno dei modelli preconfezionati offerti da SeedProd.

Dopo aver effettuato la scelta, vi verrà chiesto di inserire il nome della pagina e di scegliere un URL. Dopo aver inserito i dettagli, fare clic sul pulsante “Salva e inizia a modificare la pagina”.

Enter your page details

In questo modo si avvia il costruttore di pagine drag-and-drop di SeedProd.

Da qui, trovare il blocco Colonne nella barra laterale sinistra e trascinarlo nell’interfaccia di progettazione a destra.

Dopo aver aggiunto il blocco, verrà chiesto di scegliere il layout della colonna. Per add-on due blocchi affiancati, è sufficiente fare clic sulla variante 50/50.

Add the Column Block in SeedProd

Ora si può iniziare trascinando e rilasciando il blocco Immagine nella colonna di sinistra.

Successivamente, fare clic sul blocco Immagine per aprire le impostazioni del blocco nella barra laterale. Da qui, è sufficiente fare clic sul pulsante “Usa la tua immagine” per selezionare l’immagine del prodotto affiliato dalla libreria multimediale o caricarla dal proprio computer.

Choose an affiliate product image from the media library

A questo punto, basta trascinare il blocco Intestazione nella colonna di destra e aggiungere il titolo del prodotto affiliato.

È possibile regolare l’allineamento e la dimensione dei caratteri utilizzando le impostazioni della colonna di sinistra.

Add the heading block and type product title

Una volta fatto ciò, è necessario trascinare e rilasciare il blocco Testo sotto il titolo del prodotto. È possibile aggiungere una descrizione del prodotto affiliato che si sta promuovendo.

Quindi, fare clic sul pulsante “Salva” per memorizzare le modifiche.

Add product description and click Save button

Ora è il momento di creare un link di affiliazione.

Creare un link di affiliazione

Per prima cosa, è necessario installare e attivare il plugin Pretty Links. Per istruzioni più dettagliate, consultare la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l’attivazione, andare alla pagina Pretty Link ” Aggiungi nuovo dalla barra laterale dell’amministrazione.

Qui si può iniziare digitando il nome del prodotto nel campo “Aggiungi titolo” per facilitare la ricerca del link di affiliazione. È sufficiente inserire il nome dell’azienda affiliata o del prodotto stesso.

Successivamente, aggiungere il link di affiliazione accanto all’opzione “URL di destinazione”.

Dopodiché, digitate uno slug nella casella “Pretty Link”. Questo slug apparirà alla fine del vostro link affiliato.

Create an affiliate link

Infine, fare clic sul pulsante “Aggiorna” per generare il link.

A questo punto si verrà reindirizzati alla pagina “Link”. Da qui, è sufficiente copiare il link di affiliazione dalla colonna “Pretty Links”.

Copy the affiliate link

Aggiungere il link di affiliazione al riquadro del prodotto SeedProd

Dopo aver copiato il link di affiliazione, è necessario aprire la pagina di destinazione di SeedProd dove si sta progettando il box del prodotto di affiliazione.

Una volta lì, è sufficiente trascinare e rilasciare il blocco Button sotto la descrizione del prodotto.

Drag and drop the Button block in the product box

Successivamente, è necessario fare clic sul pulsante per aprire le impostazioni del blocco nella barra laterale sinistra. Qui è necessario copiare e incollare il link di affiliazione nella casella “Link”.

Dopodiché, è sufficiente inserire un testo per la CTA nella casella “Button Text”.

Add the affiliate link and CTA text

Per creare lo stile del riquadro del prodotto affiliato, è necessario selezionare il blocco Colonne per aprire le impostazioni nella colonna di sinistra.

Da qui è possibile scegliere un colore di sfondo o aggiungere un’immagine di sfondo al riquadro del prodotto. È inoltre possibile regolare la larghezza e l’allineamento del blocco Colonne secondo le proprie preferenze.

Change the affiliate product box background color in SeedProd

Al termine, fare clic sul pulsante “Salva” per memorizzare le impostazioni.

Ecco come appariva il riquadro del prodotto affiliato sul nostro sito web dimostrativo.

SeedProd preview of the affiliate product box

Bonus: creare un programma di affiliazione sul vostro sito web

Oltre a promuovere prodotti di altre aziende, è possibile creare un proprio programma di affiliazione per aumentare le vendite della propria attività online.

Si tratta di una strategia di marketing efficace dal punto di vista dei costi che consente ad altre aziende di aderire al vostro programma e di promuovere i vostri servizi sui loro siti web per guadagnare una piccola commissione.

Avviando un programma di referral, potete raggiungere un pubblico più ampio, creare fiducia tra i potenziali acquirenti e, infine, aumentare le conversioni sul vostro sito web.

Ad esempio, se avete un negozio di e-commerce, avviando un programma di affiliazione incentiverete i vostri clienti, i vostri fan e altri marketer digitali a promuovere i vostri prodotti con una piccola commissione per ogni vendita.

Potete facilmente avviare un programma di affiliazione sul vostro sito web utilizzando AffiliateWP. È il miglior software di monitoraggio e gestione delle affiliazioni per WordPress sul mercato, che vi dà il controllo completo del vostro programma di affiliazione.

AffiliateWP website

È dotato di una facile configurazione, di un monitoraggio avanzato dei link di affiliazione, di rapporti dettagliati, di opzioni di pagamento flessibili e dell’integrazione con plugin popolari come MemberPress, Easy Digital Downloads e WooCommerce.

Per maggiori informazioni, potete consultare la nostra recensione completa di AffiliateWP.

I plugin rendono facilissimo il lancio di un programma di affiliazione e l’accesso a nuovi mercati per aumentare la notorietà del marchio e generare contatti. Per istruzioni dettagliate, potete consultare il nostro tutorial su come creare un programma di affiliazione in WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere un box per prodotti affiliati in WordPress. Potreste anche consultare il nostro articolo su come nascondere i link di affiliazione sul vostro sito WordPress e il nostro confronto tra Pretty Links e Thirsty Affiliates per trovare il plugin di gestione delle affiliazioni più adatto al vostro sito.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

3 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    hi, is there a way to add a rating system (like a 5-star rating) to the affiliate product box? I think it would be cool to show my visitors how I rate the products I recommend. If there’s a way to do this, I’d love to know

    • WPBeginner Support says

      For something like that we would recommend taking a look at SeedProd and that should allow you what you’re wanting :)

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.