Comment ajouter et modifier un bouton sur mon site web ?

Vous pouvez utiliser des boutons pour attirer l’attention de vos visiteurs sur des liens importants et des éléments d’appel à l’action.

Comment ajouter un bouton ?

  1. Dans l’éditeur du Créateur de site internet, cliquez sur le bouton Ajouter des éléments.
Ajouter des éléments.
  1. Faites glisser et déposez l’élément Bouton dans le contenu de votre page. Notez que l’éditeur met en évidence les endroits où vous pouvez le déposer.
L'élément Bouton
Faites glisser le bouton vers la page
  1. Sélectionnez le design du bouton dans la bibliothèque de modèles. Cliquez sur celui que vous souhaitez ajouter à votre page.

    Remarque : dans la catégorie Thématique, vous trouverez des boutons correspondant au design général de votre site web.
Type de bouton - Thématique mise en évidence

Comment puis-je modifier un bouton ?

Vous pouvez personnaliser n’importe quel bouton de votre site web. Pour ce faire, cliquez sur le bouton que vous souhaitez modifier pour ouvrir la barre d’outils.

CTA et lien

CTA et lien
  • Texte du bouton
    Modifiez le texte de votre bouton.

  • Où le lien de votre bouton doit-il rediriger?
    Il existe plusieurs types de liens que vous pouvez utiliser. Veillez à choisir le bon type.

    Page ou site Web externe – utilisez-le pour relier un autre site avec une URL.

    Page de destination – sélectionnez une page de destination GetResponse que vous souhaitez ouvrir.

    Adresse email – ajoutez une adresse e-mail qui sera contactée après avoir cliqué sur le bouton.

    Numéro de téléphone – ajoutez un numéro de téléphone qui sera appelé après avoir cliqué sur le bouton.

    Protocole personnalisé – utilisez-le pour intégrer des protocoles.

    Document – ajoutez un fichier que vous souhaitez ouvrir avec le bouton.

    Site internet – sélectionnez un autre site internet créé avec le Créateur de site internet de GetResponse.

    Site internet actuel – liez le bouton au site Web actuel. Choisissez la page que vous voulez ouvrir.

    Ancrage – utilisez-le pour rediriger les visiteurs vers une page ou un élément de votre site web.
  • Comment le lien devrait-il s’ouvrir?
    Choisissez si vous voulez ouvrir le lien sur la même page ou dans un nouvel onglet.

Design du bouton

Design du bouton
  • Style
    Sélectionnez l’un des styles prédéfinis ou choisissez-en un dans notre bibliothèque en cliquant sur le lien Plus de styles.

  • Forme
    Choisissez la forme pointue, estompée ou arrondie du bouton.

  • Taille
    Choisissez parmi trois tailles prédéfinies ou cliquez sur le bouton pour saisir manuellement votre propre taille.

  • Alignement
    Vous pouvez déplacer l’ensemble du bouton vers la gauche, la droite ou le centre de la section.

  • Paramètres avancés
    Si vous souhaitez ajuster davantage votre bouton, cliquez sur le lien pour ouvrir les paramètres avancés.
    Vous pouvez personnaliser la police, les couleurs, la bordure, le rayon et l’ombre.
Design du bouton - Paramètres avancés
  • Paramètres par défaut
    Pour annuler toutes les modifications personnalisées, utilisez ce lien pour rétablir les paramètres par défaut du bouton.
Design du bouton - Paramètres par défaut

Paramètres du bloc

Le bloc du bouton est un espace de travail encadré autour de votre bouton avec une étiquette Bouton sur la gauche. Vous ne pouvez voir le cadre qu’après avoir cliqué sur l’objet. Il ne sera pas visible sur votre site web.

Vous pouvez personnaliser sa couleur, sa marge, sa bordure, son rayon et son ombre.

Bouton - Paramètres du bloc
Bouton - Paramètres du bloc - Édition

Positionnement absolu

Activez cette option pour déplacer le bouton à n’importe quel endroit de votre site web.

Remarque : nous vous recommandons d’utiliser cette option uniquement si vous avez un design inhabituel qui ne peut pas être créé d’une autre manière. L’utilisation d’objets avec un positionnement absolu peut rendre votre page moins réactive sur les appareils mobiles.

Bouton - Positionnement absolu

Masquer sur les appareils mobiles

Activez cette option pour masquer votre bouton lorsque votre page est ouverte sur un appareil mobile.
Vous pouvez utiliser cette option pour simplifier votre page pour les utilisateurs mobiles, par exemple lorsque vous ajoutez plusieurs fois le même bouton CTA pour l’affichage sur un ordinateur de bureau.

Bouton - Masquer sur les appareils mobiles

Ressources populaires