Comment ajouter des boîtes de produits Amazon dans WordPress

Comment ajouter des boîtes de produits Amazon dans WordPress

Les boîtes à produits Amazon sont conçues pour présenter les produits disponibles sur la plateforme Amazon d'une manière visuellement attrayante. Elles comprennent des images, des caractéristiques, des descriptions, des prix et des liens directs permettant aux internautes d'acheter les produits.

L'objectif principal de cette boîte est d'informer les clients sur les caractéristiques et les avantages du produit en un coup d'œil et de les inciter à l'acheter instantanément. Avec le plugin Tableberg, vous pouvez créer de superbes boîtes de produits Amazon dans l'éditeur WordPress.

Dans cet article, nous allons couvrir un tutoriel sur la façon d'ajouter des boîtes de produits Amazon dans WordPress.

Étape 01 : Ajouter le bloc Tableberg à l'éditeur

Le plugin est livré avec un bloc personnalisé nommé Tableberg. Cliquez sur le bouton icône plus (+). Ajouter le Bloc Tableberg à l'éditeur.

Ajouter le bloc TableBerg à votre éditeur Gutenberg

Définissez le nombre de colonnes et de lignes dont vous avez besoin en fonction de votre contenu. Pour ce tutoriel, nous choisirons 2*1.

Définir le nombre de lignes et de colonnes

La version de base du tableau est prête. Nous allons maintenant ajouter du contenu à ses colonnes et à ses lignes.

Sélection des lignes et des colonnes pour la conception de la table des produits Amazon

Étape 02 : Ajouter une image du produit Amazon

Tableberg vous permet d'ajouter plusieurs blocs personnalisés aux cellules du tableau comme dans l'éditeur Gutenberg. Ajoutez le bloc Bloc d'images à une cellule permettant de présenter l'image du produit Amazon.

Ajouter le bloc Image à la boîte Amazon Product

Nous avons ajouté une image de produit Amazon. Vous pouvez augmenter sa taille en faisant glisser l'icône circulaire tout en la maintenant enfoncée.

Augmenter la taille de l'image du produit Amazon

Étape 03 : Ajouter les détails du produit

Dans la colonne de droite, nous ajouterons le nom du produit, ses caractéristiques, son prix et une brève description. Vous pouvez effectuer toutes ces opérations à l'aide de la fonction Bloc de paragraphes.

Écrire le nom du produit

Par défaut, le Bloc de paragraphes est automatiquement sélectionné. Il suffit d'y inscrire le nom de votre produit.

Écrire le nom du produit

Augmenter la taille du nom du produit de la Section typographique dans la barre latérale droite. Ce texte doit être plus grand que les autres.

Redimensionner le nom du produit Amazon

Ajouter le prix du produit

Ajouter un nouveau Bloc de paragraphes pour écrire le prix de votre produit.

Ajouter le prix du produit

Choisissez une couleur différente pour la tarification afin d'attirer l'attention du public.

Coloriser le prix et la taille du produit

Il est toujours bon d'afficher un prix réduit pour susciter l'intérêt du public. Pour ce faire, vous pouvez ajouter un prix majoré avec un trait de plume.

Inscrivez donc un prix plus élevé. Les options de surlignage et de biffage vous permettent de définir une couleur différente et de la biffer.

Rédiger un prix réduit

Rédiger une description du produit

En utilisant un autre bloc Paragraphe, rédigez une description pour le produit Amazon.

Rédiger une description du produit

Étape 04 : Ajouter un bouton CTA

Recherchez et ajoutez le Bloc de boutons sous la description.

Ajouter un bouton CTA à la boîte du produit Amazon

Rédigez un texte pour le bouton. Ensuite, allez à la page Onglet Paramètres.

De Paramètres de largeurSélectionnez une option pour augmenter la largeur du bouton comme vous le souhaitez.

Augmenter la largeur du bouton

Ensuite, venez à la Onglet Styles. Utilisation d'options appropriées, coloriser et redimensionner le bouton copier.

Personnaliser la couleur du bouton

Étape 05 : Ajouter de l'espace entre les blocs

Sélectionner toute la colonne en cliquant sur son bord. Accédez à la page Onglet Styles. Venez au Section sur l'espacement des blocs en faisant défiler l'onglet vers le bas. Placez une valeur pour ajouter de l'espace entre les blocs de la colonne.

Ajouter de l'espace entre les blocs

Étape 06 : Ajouter un ruban à la boîte de produit Amazon

Les rubans vous permettent d'afficher un bref message promotionnel qui incite instantanément les utilisateurs à acheter votre produit. Ajoutez le Bloc de rubans dans la colonne où vous souhaitez l'afficher.

Ajouter un ruban à la boîte de produit Amazon

Ajouter un copie du ruban, style du ruban, position, et couleur en utilisant les options de l'onglet Paramètres et styles.

Personnaliser le ruban

Étape 07 : Personnaliser la bordure de la boîte de produit Amazon

En personnalisant la bordure de la boîte, vous pouvez en améliorer l'esthétique. Venez à la Tableau Section frontière en faisant défiler vers le bas la page Onglet Styles.

Désactiver la bordure intérieure. Après cela, changer la couleur et largeur de la bordure extérieure.

Personnaliser la bordure de la boîte de produit Amazon

Votre boîte de produit Amazon est donc prête. Vous pouvez la modifier à votre guise.

Point bonus : Utiliser un modèle de boîte de produit préconstruit

Le plugin Tableberg est accompagné d'un système complet de gestion de l'information. bibliothèque de modèles où vous trouverez une bonne collection de tableaux préconstruits qui vous permettront de préparer instantanément vos nombreuses sections web. Il comprend également de nombreuses boîtes de caractéristiques prédéfinies que vous pouvez utiliser pour créer des tableaux de produits Amazon.

Dans les clips vidéo suivants, nous avons montré comment trouver les boîtes de caractéristiques et les ajouter à l'éditeur. Ensuite, en modifiant simplement son contenu, vous pouvez préparer votre boîte de produit Amazon.

Conclusion

Nous avons couvert le tutoriel en bref. Vous pouvez rendre votre boîte de produit Amazon plus vaste en ajoutant de nombreuses informations supplémentaires. Vous pouvez même ajouter plusieurs images et des boutons CTA. Dans cet article, nous avons juste essayé de présenter un guide d'inspiration que vous pouvez utiliser pour créer des designs plus intéressants.

Par exemple, avant de partir, prenez quelques minutes de plus pour explorer le poste Comment afficher les étapes d'un processus dans WordPress avec le plugin.



L'équipe Tableberg