Comment créer un bouton d'appel à l'action dans WordPress

Un bouton d'appel à l'action (CTA) est un élément cliquable sur un site web qui incite les utilisateurs à effectuer des actions spécifiques telles que l'achat, l'abonnement à un service, l'inscription à une lettre d'information, le téléchargement de livres électroniques, etc.

Il existe de nombreuses façons d'ajouter des boutons d'appel à l'action sur un site web. Dans cet article, nous allons vous montrer plusieurs façons simples de créer un bouton d'appel à l'action dans WordPress qui accroche les utilisateurs.

Créer de belles tables
Avec l'éditeur de blocs

Method 1: Using the Buttons Block

WordPress offers you a default Buttons block by which you can create CTA buttons.

Ouvrez un article ou une page. Recherchez et ajoutez l'élément par défaut Bloc de boutons in the Block editor and it to the post or page editor.

Ajouter le bloc de boutons à WordPress

Une fois le bloc ajouté, placez votre curseur sur le bouton et tapez votre texte CTA (1). Then, modifier son alignement (2) where you want to place it. Finally, add your destination lien vers le bouton (3).

Saisir le texte du CTA et ajouter le lien

Sélectionnez à nouveau le bloc de boutons en plaçant votre curseur dessus. Les options de personnalisation apparaissent dans la barre latérale droite. Vous obtiendrez les options de personnalisation dans la barre latérale droite. Paramètres et Styles onglet là.

Ces deux onglets vous permettent de modifier la taille du bouton, la couleur d'arrière-plan du bouton, la couleur du texte, la typographie, etc.

Personnaliser le bloc de boutons Gutenberg

Method 2: Using the Ultimate Blocks Plugin

Blocs ultimes is a popular Gutenberg blocks plugin with 25+ wonderful and useful custom Gutenberg blocks. This plugin also allows you to create and add CTA buttons to your site with many advanced features.

Naviguez jusqu'à Plugins > Ajouter un nouveau plugin. Type Blocs ultimes dans le champ de recherche en haut à droite. Installer et activer le plugin tel qu'il apparaît ci-dessous.

Installer et activer le plugin Ultimate Blocks

Ouvrez à nouveau l'éditeur Gutenberg et tapez Bouton ou Bouton (amélioré) dans la boîte de recherche. Cliquez sur le bloc correspondant à l'éditeur indiqué dans l'image ci-dessous.

Ajoutez le bouton CTA d'Ultimate Blocks à votre site

En suivant les mêmes méthodes que ci-dessus, ajoutez le texte, le lien et l'alignement de votre CTA au bouton.

Ajouter un texte, un lien et un alignement

Venez dans la barre latérale droite. Vous aurez plus d'options que le bloc de boutons par défaut. Depuis le Paramètres vous pouvez personnaliser la justification, l'orientation, la taille et la largeur du bouton. 

Vous pouvez également ajouter une icône, modifier sa position et masquer le bloc de boutons pour certains appareils.

Personnaliser les paramètres

Ensuite, atterrissez sur le Onglet Styles. Vous pouvez modifier le rayon du bouton, le rendre transparent, la couleur du bouton, la couleur du texte, la couleur de survol et sa taille.

Styliser le bouton

Method 3: Using the Tableberg Plugin

If you want to add CTA buttons to tables, the Tablegerg plugin will help you do this. With the plugin, you can create wonderful versatile tables, adding various blocks into it.

Installer et activer les Tablegerg de la même manière qu'indiqué ci-dessus.

Installer et activer le plugin TableBerg

Venez à votre poste. Ajoutez le Bloc Tableberg à l'éditeur. Ajouter le Bloc TableBerg à elle.

Ajouter le bloc TableBerg

Définissez les numéros de ligne et de colonne comme vous le souhaitez.

Définir le numéro de la ligne et de la colonne

Commencez à ajouter du contenu à ses lignes et à ses colonnes. Une fois que vous avez sélectionné une cellule, vous pouvez y ajouter différents types de blocs. Vous pouvez voir que nous avons déjà ajouté du texte et des images dans les colonnes de gauche et du milieu.

Nous allons ajouter un bouton CTA dans la colonne de droite. Sélectionnez une cellule de la colonne et choisissez l'option Bloc de boutons.

Ajouter le bloc bouton au tableau

Maintenant, de la même manière, ajoutez une copie au bouton. Parallèlement, personnalisez-le à partir de l'élément Styles dans la barre latérale droite. 

Vous pouvez personnaliser la couleur du bouton, la couleur d'arrière-plan, la couleur de survol, la typographie, le rayon de la bordure, etc.

Ajouter la copie d'un bouton et la personnaliser

Note de finition

Vous savez maintenant à quel point il est simple de créer des boutons d'appel à l'action dans WordPress. Mais n'oubliez pas qu'il ne suffit pas de créer un bouton. Vous devez lui donner un aspect captivant et l'afficher aux bons endroits pour qu'il puisse attirer l'attention des gens et vous aider à obtenir des conversions.

Apprendre Comment créer un tableau comparatif dans WordPress.



L'équipe Tableberg

L'offre de réservation anticipée est en ligne dès maintenant !
Texte par défaut de la barre de notification