Comment créer une boîte de produit d'affiliation (aucun codage requis)

Publié: 2023-05-17

Voulez-vous créer une boîte de produits d'affiliation dans WordPress ?

Une boîte de produits vous permet de présenter vos produits d'affiliation d'une manière plus attrayante et accrocheuse. Il peut capter l'attention de votre utilisateur et augmenter les chances qu'il clique sur vos liens d'affiliation.

Dans cet article, nous allons vous montrer comment créer facilement une boîte de produit d'affiliation dans WordPress.

Creating an affiliate product box in WordPress

Pourquoi créer une boîte de produit d'affiliation dans WordPress ?

Une boîte de produits affiliés est utilisée par les spécialistes du marketing sur leurs sites Web WordPress pour présenter et promouvoir des produits spécifiques auprès des lecteurs.

Cette boîte contient généralement un titre de produit, des images, une description et un appel à l'action (CTA) pour promouvoir les clics et les achats.

Affiliate product box preview

Il s'agit d'une stratégie de marketing d'affiliation populaire qui peut stimuler les ventes, accroître l'exposition de la marque et économiser du temps et des ressources.

Vous pouvez facilement ajouter une boîte de produits affiliés à un article de blog pour attirer des clients potentiels et gagner une commission sur les ventes qui en résultent.

Cela étant dit, voyons comment vous pouvez facilement créer une boîte de produit d'affiliation dans WordPress sans utiliser de code.

  • Méthode 1 : créer une boîte de produits d'affiliation à l'aide de jolis liens
  • Méthode 2 : créer une boîte de produit d'affiliation dans l'éditeur de blocs (gratuit)
  • Méthode 3 : créer une boîte de produit pour les pages de destination des affiliés à l'aide de SeedProd

Méthode 1 : créer une boîte de produits d'affiliation à l'aide de jolis liens

Vous pouvez facilement créer une boîte d'affiliation de produit en utilisant Pretty Links. C'est le meilleur outil de marketing d'affiliation qui facilite la création et la gestion des liens d'affiliation sur votre site Web WordPress.

Tout d'abord, vous devez installer et activer le plugin Pretty Links. Pour plus d'instructions, veuillez consulter notre guide du débutant sur l'installation d'un plugin WordPress.

Remarque : Pretty Links propose également une version gratuite. Cependant, vous devrez acheter la version pro pour utiliser l'addon Product Displays.

Lors de l'activation, visitez la page Pretty Links »Add-ons de la barre latérale d'administration de WordPress.

À partir de là, installez et activez simplement l'addon 'Product Displays' en cliquant sur le bouton 'Install Add-on'.

Install and activate the Product Displays addon

Une fois l'addon activé, rendez-vous simplement sur la page Pretty Links » Ajouter un nouveau pour commencer à créer un lien d'affiliation.

Tout d'abord, vous devrez saisir le nom du produit affilié dans le champ "Ajouter un titre" en haut. Ce titre sera affiché sous forme d'en-tête dans votre boîte d'affiliation de produit.

Après cela, allez-y et tapez l'URL de l'affilié dans la case "URL cible".

Ensuite, tapez le slug de lien dans la case "Pretty Link". Ce sera la dernière partie de l'URL d'affiliation.

Create an affiliate link by typing the target URL

Après cela, passez simplement à l'onglet "Affichage du produit" dans la barre latérale à gauche.

Une fois que vous y êtes, vous pouvez commencer par choisir un thème pour la boîte d'affiliation de votre produit dans le menu déroulant "Thème".

Ensuite, cliquez sur le bouton "Mettre à jour l'image" pour télécharger l'image du produit depuis la médiathèque WordPress ou votre ordinateur.

Choose a theme and upload product image

Après avoir fait cela, tapez simplement la description du produit dans la case "Description".

Ensuite, allez-y et fixez un prix pour le produit dans la case "Prix".

Add product description and price

Vous pouvez également ajouter un badge en haut de la case d'affiliation de votre produit. Par exemple, si l'article dont vous faites la promotion est actuellement en solde, vous pouvez le montrer aux clients.

Pour ajouter un badge, tapez simplement le texte correspondant dans la case "Texte du badge".

Après cela, entrez un CTA pour le produit affilié dans la case "Texte du bouton principal". Ce sera le texte affiché sur le bouton dans la zone d'affiliation du produit.

Le lien d'affiliation que nous avons créé sera automatiquement ajouté au bouton CTA.

Add a badge and CTA text

Si vous avez écrit une critique du produit affilié sur votre blog, vous pouvez ajouter l'URL de la publication dans la case "URL de la critique". Les lecteurs qui cliquent dessus seront redirigés vers votre publication d'avis.

Pour ajouter un CTA pour le bouton de révision, saisissez simplement du texte dans l'option "Texte du bouton de révision".

Une fois que vous avez terminé, cliquez sur le bouton "Mettre à jour" ou "Publier" en haut.

Ajouter la boîte d'affiliation de produit à une page ou à une publication

Maintenant, vous devez ajouter la boîte d'affiliation de produit à une page ou publier sur votre site Web WordPress. Pour ce didacticiel, nous ajouterons la boîte de produit d'affiliation à un article.

Tout d'abord, vous devez ouvrir une publication nouvelle ou existante à partir de la barre latérale d'administration de WordPress.

Ensuite, cliquez sur le bouton "Ajouter un bloc" (+) dans le coin supérieur gauche pour localiser et ajouter le bloc Affichage du produit PL à l'éditeur de blocs.

Après cela, cliquez sur le bouton "Ajouter un affichage".

Add the PL Product Display box

Cela ouvrira une invite « Affichage du produit ». À partir de là, choisissez simplement l'option "Lien unique" dans le menu déroulant.

Une fois que vous avez fait cela, vous devrez rechercher le lien d'affiliation que vous avez créé dans le champ de recherche.

Add the affiliate product box

En cliquant sur le lien d'affiliation, la boîte d'affichage du produit sera automatiquement ajoutée à votre message ou à votre page.

Enfin, cliquez sur le bouton 'Mettre à jour' ou 'Publier' pour enregistrer vos modifications.

Vous pouvez maintenant visiter votre site Web pour découvrir la boîte d'affiliation de produits en action.

Product box preview

Méthode 2 : créer une boîte de produit d'affiliation dans l'éditeur de blocs (gratuit)

Pour cette méthode, nous allons vous montrer comment créer facilement une box de produit affilié à l'aide de l'éditeur de blocs.

Tout d'abord, vous devez ouvrir une publication existante ou nouvelle à partir de la barre latérale d'administration de WordPress.

Une fois que vous y êtes, cliquez sur le bouton Ajouter un bloc '(+)' dans le coin supérieur gauche pour ouvrir le menu des blocs. Ensuite, recherchez et ajoutez simplement le bloc Colonnes à la publication.

Une fois que vous avez fait cela, une liste de variantes de colonne s'affichera. Cliquez simplement sur la variante 50/50 pour continuer.

Add the Columns block in the block editor

Cela ajoutera deux blocs côte à côte à votre message.

Vous pouvez commencer en cliquant sur le bouton '+' sur le côté gauche de l'écran pour ouvrir le menu du bloc.

À partir de là, choisissez simplement le bloc Image, puis ajoutez l'image de votre produit affilié à partir de la médiathèque WordPress.

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

Après cela, vous devez cliquer sur le bouton '+' dans la colonne de droite.

Une fois le menu du bloc ouvert, ajoutez le bloc Titre et saisissez le titre du produit.

Add the Heading block and type product title

Ensuite, cliquez simplement sur l'icône "Sélectionner une colonne" dans la barre d'outils du bloc, puis cliquez sur le bouton "+" en bas. Cela ouvrira à nouveau le menu des blocs.

À partir de là, localisez et ajoutez le bloc Paragraphe et saisissez une description du produit dans la zone.

Add the Paragraph block to type product descriptions

Maintenant, pour compléter votre boîte d'affiliation de produit, vous devrez ajouter un CTA ainsi qu'un lien d'affiliation pour le produit.

Pour ce faire, vous devrez quitter l'éditeur de blocs.

N'oubliez pas de cliquer sur le bouton "Enregistrer le brouillon" pour enregistrer vos modifications avant de revenir au tableau de bord d'administration de WordPress.

Créer un lien d'affiliation

Il existe de nombreux outils de marketing d'affiliation que vous pouvez utiliser pour créer et gérer des liens d'affiliation sur votre site Web WordPress.

Pour ce tutoriel, nous utiliserons Pretty Links, qui est le meilleur plugin de marketing d'affiliation WordPress.

Tout d'abord, vous devez installer et activer le plugin Pretty Links. Pour plus d'instructions, veuillez consulter notre guide du débutant sur l'installation d'un plugin WordPress.

Lors de l'activation, rendez-vous sur la page Pretty Link »Ajouter un nouveau dans la barre latérale d'administration de WordPress.

Une fois que vous y êtes, vous devez taper le nom du produit dans le champ 'Ajouter un titre'.

Ensuite, copiez et collez simplement l'URL de votre produit affilié dans la case "URL cible".

Create pretty link

Vous pouvez maintenant entrer un slug d'URL personnalisé dans la case "Jolie lien". Pretty Links l'utilisera à la fin de l'URL d'affiliation qu'il crée pour vous.

Une fois que vous avez terminé, cliquez sur le bouton 'Mettre à jour' pour générer votre lien d'affiliation.

Vous allez maintenant être redirigé vers la page 'Liens'. À partir de là, copiez simplement le lien d'affiliation de la colonne "Jolis liens".

Copy the affiliate link

Ajouter un lien d'affiliation à la boîte du produit

Ensuite, vous devez revenir à l'article de blog où vous avez créé la boîte de produits d'affiliation.

Une fois que vous y êtes, cliquez simplement sur la colonne de droite de votre bloc Colonnes pour ouvrir la barre d'outils du bloc, suivi du bouton "Sélectionner les colonnes". Cela ouvrira le menu du bloc.

Ensuite, ajoutez simplement le bloc Boutons.

Add the buttons block in the right column

Pour ajouter un lien, cliquez sur l'icône 'Lien' dans la barre d'outils du bloc 'Boutons'. Cela ouvrira une boîte de dialogue dans laquelle vous devrez coller le lien d'affiliation que vous avez copié à partir de la page Pretty Links.

Vous pouvez également rechercher le lien d'affiliation à l'aide de la barre de recherche dans la zone.

Add an affiliate link

Enfin, vous devrez ajouter du texte à votre bouton CTA.

Assurez-vous d'ajouter une phrase intéressante en tant que CTA pour encourager les clients à cliquer sur le lien.

Type CTA text

Vous pouvez également styliser votre boîte de produits affiliés à l'aide des paramètres de bloc. Pour ce faire, cliquez simplement sur l'icône 'Styles' dans la colonne Paramètres du bloc.

À partir de là, vous pouvez choisir la couleur d'arrière-plan et du texte de la boîte de votre produit affilié à l'aide du sélecteur de couleurs.

Choose a background color for the product affiliate box

Enfin, cliquez sur le bouton 'Publier' ou 'Mettre à jour' pour enregistrer vos modifications.

Voici à quoi ressemblait la boîte de produits d'affiliation sur notre site Web de démonstration.

Product affiliate box preview

Méthode 3 : créer une boîte de produit pour les pages de destination des affiliés à l'aide de SeedProd

Si vous souhaitez créer une boîte de produits esthétique pour les pages de destination personnalisées des affiliés, cette méthode est faite pour vous.

Vous pouvez utiliser SeedProd, qui est le meilleur plugin de création de pages WordPress sur le marché. Il vous aide à créer un site Web visuellement attrayant sans aucun code.

Tout d'abord, vous devez installer et activer le plugin SeedProd. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.

Remarque : SeedProd propose également une version gratuite. Cependant, nous utiliserons la version premium car elle offre plus de fonctionnalités de conception.

Lors de l'activation, vous devez visiter la page SeedProd »Paramètres pour entrer la clé de licence du plugin.

Vous pouvez trouver ces informations dans votre compte sur le site Web de SeedProd.

Paste license key in the field

Ensuite, dirigez-vous simplement vers la section SeedProd » Landing Pages du tableau de bord d'administration WordPress et cliquez sur le bouton « Ajouter une nouvelle page de destination ».

Pour ce didacticiel, nous ajouterons une boîte de produit d'affiliation à une page de destination.

Click the Add New Landing Page button

Vous allez maintenant être redirigé vers l'écran "Choisir un nouveau modèle de page".

À partir de là, vous pouvez choisir l'un des modèles prédéfinis proposés par SeedProd.

Après avoir fait votre choix, il vous sera demandé d'entrer un nom de page et de choisir une URL. Allez-y et cliquez sur le bouton "Enregistrer et commencer à modifier la page" après avoir entré les détails.

Enter your page details

Cela lancera le générateur de pages par glisser-déposer de SeedProd.

À partir de là, recherchez le bloc Colonnes dans la barre latérale gauche et faites-le glisser sur l'interface de conception à droite.

Lors de l'ajout du bloc, il vous sera demandé de choisir une disposition de colonne. Vous devez simplement cliquer sur la variante 50/50 pour ajouter deux blocs côte à côte.

Add the Column Block in SeedProd

Vous pouvez maintenant commencer par glisser-déposer le bloc Image dans la colonne de gauche.

Ensuite, cliquez sur le bloc Image pour ouvrir ses paramètres de bloc dans la barre latérale. À partir de là, cliquez simplement sur le bouton "Utiliser votre propre image" pour sélectionner l'image du produit affilié dans la médiathèque ou téléchargez-la depuis votre ordinateur.

Choose an affiliate product image from the media library

Après cela, faites simplement glisser et déposez le bloc Titre dans la colonne de droite et ajoutez le titre du produit affilié.

Vous pouvez ajuster l'alignement et la taille de la police à l'aide des paramètres de la barre latérale gauche.

Add the heading block and type product title

Une fois que vous avez fait cela, vous devez faire glisser et déposer le bloc Texte sous le titre du produit. Vous pouvez ajouter une description pour le produit d'affiliation dont vous faites la promotion.

Après cela, cliquez simplement sur le bouton "Enregistrer" pour enregistrer vos modifications.

Add product description and click Save button

Il est maintenant temps pour vous de créer un lien d'affiliation.

Créer un lien d'affiliation

Tout d'abord, vous devez installer et activer le plugin Pretty Links. Pour des instructions plus détaillées, veuillez consulter notre guide du débutant sur l'installation d'un plugin WordPress.

Lors de l'activation, accédez à la page Pretty Link »Ajouter un nouveau dans la barre latérale d'administration.

Ici, vous pouvez commencer par saisir le nom du produit dans le champ "Ajouter un titre" pour faciliter la recherche du lien d'affiliation. Entrez simplement le nom de la société affiliée ou le produit lui-même.

Ensuite, ajoutez le lien d'affiliation à côté de l'option "URL cible".

Après cela, tapez un slug dans la case "Pretty Link". Ce slug apparaîtra à la fin de votre lien d'affiliation.

Create an affiliate link

Enfin, allez-y et cliquez sur le bouton "Mettre à jour" pour générer le lien.

Vous allez maintenant être redirigé vers la page 'Liens'. À partir de là, copiez simplement le lien d'affiliation de la colonne "Jolis liens".

Copy the affiliate link

Ajouter le lien d'affiliation à la boîte de produit SeedProd

Après avoir copié le lien d'affiliation, vous devez ouvrir la page d'accueil SeedProd où vous concevez la boîte de produit d'affiliation.

Une fois que vous y êtes, faites simplement glisser et déposez le bloc Bouton sous la description du produit.

Drag and drop the Button block in the product box

Ensuite, vous devez cliquer sur le bouton pour ouvrir ses paramètres de bloc dans la barre latérale gauche. Ici, vous devez copier et coller le lien d'affiliation dans la case "Lien".

Après cela, entrez simplement du texte pour le CTA dans la case "Texte du bouton".

Add the affiliate link and CTA text

Pour styliser la boîte du produit affilié, vous devez sélectionner le bloc Colonnes pour ouvrir ses paramètres dans la barre latérale gauche.

À partir de là, vous pouvez choisir une couleur d'arrière-plan ou même ajouter une image d'arrière-plan à la boîte de votre produit. Vous pouvez également ajuster la largeur et l'alignement du bloc Colonnes selon vos préférences.

Change the affiliate product box background color in SeedProd

Une fois que vous avez terminé, cliquez sur le bouton "Enregistrer" pour enregistrer vos paramètres.

Voici à quoi ressemblait la boîte de produits d'affiliation sur notre site Web de démonstration.

SeedProd preview of the affiliate product box

Nous espérons que cet article vous a aidé à apprendre comment ajouter une boîte de produit affilié dans WordPress. Vous pouvez également consulter notre article sur la façon d'ajouter facilement un programme d'affiliation dans WooCommerce et nos meilleurs choix pour le meilleur logiciel de suivi et de gestion d'affiliation pour WordPress.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.