Les boutons Le bloc est l'un des éléments les plus importants d'un site web WordPress. Il vous permet de créer d'importants boutons d'appel à l'action pour capter l'attention de votre public et l'inciter à passer à l'étape suivante.
Il est également utilisé pour diriger les visiteurs vers une page produit, s'inscrire à une lettre d'information ou télécharger des ressources en ligne. Aujourd'hui, dans ce guide, nous allons discuter du bloc de boutons et de la manière de l'utiliser dans WordPress, ainsi que fournir une vue d'ensemble du plugin.
Créer de belles tables
Avec l'éditeur de blocs

Comment utiliser le bloc de boutons dans WordPress ?
L'utilisation du bloc Boutons est très simple. Il s'agit d'un outil utile pour augmenter les conversions. Tout ce que vous devez savoir, c'est comment l'utiliser. Veillez à suivre le didacticiel du début à la fin.
Étape 1 : Insérer le bloc de boutons WordPress
Tout d'abord, accédez à votre article ou à votre page où vous souhaitez ajouter le bloc de boutons.
Cliquez sur l'icône Plus “+” (Ajouter un bloc) (1), type "Boutons"dans la boîte de recherche (2)et cliquez sur le bouton Bouton bloc (3).

Vous devez insérer le nom de votre bouton et le lien du bouton après l'insertion du bouton.

Ici, vous pouvez également sélectionner le mode de fonctionnement de votre bouton. Par exemple, vous pouvez faire en sorte que le bouton ouvre un lien sur une nouvelle page, qu'il s'agisse d'un lien sponsorisé ou qu'il soit marqué comme nofollow. Ensuite, vous devez cliquer sur le bouton Enregistrer.

Étape 2 : Personnalisation du bouton
Ajoutez maintenant la largeur de votre bouton. Naviguez jusqu'à Réglages (1 ) > Bloc (2) > Réglages (3) > Réglages (4). Sélectionnez un pourcentage quelconque dans les paramètres pour sélectionner la largeur.

Pour personnaliser davantage votre bouton, accédez à la section Styles onglet. Sélectionnez le style qui vous convient le mieux.

L'onglet Style propose d'autres options pour personnaliser votre bouton.

- Couleur : Cette fonction vous permet de modifier la couleur du texte et de l'arrière-plan de votre bouton.
- Typographie : La typographie vous permet de sélectionner les polices et leur taille, l'apparence, la hauteur de ligne, l'espacement des lettres, la casse des lettres et la décoration des lettres.
- Dimensions : Les dimensions vous permettent d'ajuster l'espacement et la marge de votre bloc de boutons.
- Frontière : L'option Bordure vous permet d'ajouter une bordure et un rayon de bordure à votre bloc de boutons.
D'après l'image ci-dessus, vous savez déjà ce qu'il est possible de faire avec l'option Typographie. Mais ces fonctions sont cachées par défaut. Par conséquent, pour afficher ces fonctions, vous devez cliquer sur les trois points en haut à droite et sélectionner toutes les options à afficher dans l'éditeur.

L'option de couleur vous permet de modifier la couleur du texte et de l'arrière-plan de votre bouton.

Si vous le souhaitez, vous pouvez également sélectionner des couleurs dans le sélecteur de couleurs. Aller à l'arrière-plan du bouton (1)sélectionner Couleur (2)cliquez sur la barre de couleurs (3)et choisissez la couleur à l'aide du sélecteur de couleurs (4).

Vous pouvez également créer un dégradé de couleurs pour votre bouton.

Vous pouvez également mettre en gras et en italique le texte de votre bouton à partir de l'éditeur.

Vous trouverez ci-dessous une démonstration d'un bouton que j'ai créé pour vous.
Si vous souhaitez créer de meilleurs boutons CTA, consultez la rubrique Blocs ultimes. Il dispose d'une collection incroyable de plus de 22+ blocs pour améliorer votre contenu WordPress et votre engagement.
Après toutes les modifications, vous devez enregistrer ou publier votre message ou votre page.
Vue d'ensemble du bloc des boutons
Vous voulez en savoir plus sur le bloc Boutons ? Surfez sur les accordéons ci-dessous. Ils contiennent tous les détails sur le bloc.
Qu'est-ce que le bloc de boutons dans WordPress ?
Le bloc Buttons est un bloc de base qui vous permet de créer de superbes boutons CTA pour vos articles et vos pages.
Il s'agit d'un outil simple mais puissant pour encourager l'interaction et guider les utilisateurs vers des actions spécifiques, telles que visiter des liens ou remplir des formulaires, télécharger des ressources, acheter des produits, etc.
Quelles sont les principales caractéristiques du bloc de boutons ?
Le bloc Boutons comporte de nombreuses fonctionnalités permettant de créer des boutons incroyables, conformes à l'image de marque de votre site web. Voici quelques-unes des principales fonctionnalités.
- Couleurs personnalisables: Choisissez n'importe quelle couleur pour votre texte et votre arrière-plan afin de vous assurer que votre bouton s'harmonise avec le thème de votre site Web.
- Largeur de bouton réglable: Vous pouvez sélectionner la largeur des boutons dans les paramètres du bloc afin de les aligner sur votre contenu.
- Options de police et d'alignement: Modifiez la taille, le style et l'alignement du texte du bouton pour un meilleur impact visuel.
- Paramètres des liens: Ajoutez des liens à vos boutons avec des options permettant d'ouvrir le lien dans un nouvel onglet ou d'ajouter des attributs rel comme "nofollow".
- Bouton dégradé : Vous pouvez créer un dégradé de couleurs pour l'arrière-plan de votre bouton afin de lui donner un aspect remarquable.
Quelles sont les fonctionnalités de la barre d'outils du bloc de boutons ?
La barre d'outils qui apparaît lorsque vous sélectionnez le bloc de boutons permet d'accéder rapidement à des outils de personnalisation essentiels :

- Styles de boutons : Permet de sélectionner des styles de boutons directement à partir de l'éditeur.
- Traînée : Vous pouvez faire glisser et déposer le bloc en question n'importe où dans l'éditeur.
- Poignées mobiles : Permet de déplacer le bloc de gauche à droite.
- Aligner : L'option Aligner vous permet de définir l'alignement sur aucun, sur une largeur large ou sur une largeur complète.
- Justification du changement : Il vous permet de régler la position du bouton à gauche, au centre, à droite et dans l'espace entre les éléments.
- Modifier l'alignement vertical : Cette option permet de modifier l'alignement vertical du bouton en haut, au milieu, en bas et de l'étirer pour le remplir.
- Texte d'alignement : Cette option est disponible lorsque vous ajoutez du texte au bouton. Vous pouvez aligner le texte à gauche, à droite et au centre.
- Lien : Permet d'ajouter un lien à votre bouton.
- En gras : Vous pouvez mettre en gras le nom du fichier que vous avez affiché en utilisant l'option.
- Italique : Il vous permet de mettre en italique le nom du fichier que vous avez affiché.
- Options de blocage : L'option bloc propose des options de formatage telles que la mise en évidence, le code en ligne, l'image, le barré, etc.
- Options : Il contient des options de bloc telles que Copier, Dupliquer, Ajouter avant, Copier les styles, etc.
Dernières réflexions !
Lorsque vous créez des boutons, pensez à votre public, car le bouton aura un impact sur vos visiteurs.
J'espère que ce tutoriel est facile à suivre. Si vous rencontrez des difficultés à suivre les lignes directrices, faites-le moi savoir. Je me ferai un plaisir de vous aider.
Essayez-le et utilisez le bloc de boutons. Maîtrisez toutes ses fonctionnalités et obtenez rapidement des conversions.
En savoir plus !
- Bloc de séparation - Guide d'utilisation et vue d'ensemble
- 9 meilleurs plugins WordPress pour afficher le contenu sous forme d'onglets
- Comment mettre des images côte à côte dans WordPress (trois façons)
- Comment ajouter des boutons "Acheter sur Amazon" dans WordPress (3 façons)
- 9 meilleurs plugins d'évaluation de produits pour WordPress