Comment créer un bouton qui redirige automatiquement vers une section précise de la page (formulaire, tarifs, FAQ…) ?

Sur une page Kooneo (page de vente, page d'accueil, page longue…), vous pouvez placer des boutons d'appel à l'action qui font automatiquement défiler la page vers une section précise — un formulaire de commande, une grille de tarifs, une FAQ, des témoignages, un bloc de contact, etc. La technique repose sur un lien d'ancre HTML : un bouton qui pointe vers une balise invisible placée juste au-dessus de la section cible.

Le principe en deux mots

Une ancre, c'est un repère invisible posé à un endroit précis de votre page. Quand un visiteur clique sur un bouton qui pointe vers cette ancre, son navigateur fait automatiquement descendre (ou remonter) la page jusqu'à ce repère. Ce mécanisme est utilisé partout sur le web — pages de vente longues, sommaires d'articles, FAQ, etc.

Sur Kooneo, cela vous permet de placer des boutons Je m'inscris, Voir les tarifs, Accès immédiat ou Contactez-moi à plusieurs endroits stratégiques de la page : chaque visiteur peut convertir au moment exact où il est convaincu, sans avoir à scroller manuellement.

Mise en place en 2 étapes

  1. Placer la balise d'ancrage juste au-dessus de la section cible
    • Éditez votre page et ouvrez la zone de texte qui se trouve juste avant la section vers laquelle vous voulez rediriger (formulaire, tarifs, etc.).
    • Passez en mode code source (icône </> dans la barre d'outils de l'éditeur).
    • Tout en bas de cette zone de texte, collez la ligne suivante : 
      <div id="formulaire"></div>
    • Cette balise est invisible pour vos visiteurs — elle sert uniquement de point d'ancrage pour les boutons.
    • Le nom formulaire est libre : vous pouvez le remplacer par tarifs, faq, temoignages, etc.
  2. Créer un bouton qui pointe vers cette ancre
    • Ajoutez un bouton dans votre page (ou transformez un texte en lien cliquable).
    • Dans le champ URL du bouton, saisissez simplement le nom de l'ancre précédé d'un dièse : 
      #formulaire
    • Validez. Au clic, la page descendra automatiquement jusqu'à la section ciblée.
💡 Vous pouvez créer autant de boutons que vous voulez dans votre page : ils pointeront tous vers la même ancre. C'est exactement ce que font les pages de vente longues type Systeme.io, ClickFunnels, etc.

Plusieurs sections, plusieurs ancres

Si votre page contient plusieurs sections clés, créez une ancre différente pour chacune.

  • Au-dessus de la section témoignages : <div id="temoignages"></div> → bouton avec URL #temoignages
  • Au-dessus des tarifs : <div id="tarifs"></div> → bouton avec URL #tarifs
  • Au-dessus de la FAQ : <div id="faq"></div> → bouton avec URL #faq
  • Au-dessus du formulaire : <div id="formulaire"></div> → bouton avec URL #formulaire

Le nom de l'ancre est libre, mais il doit être identique dans la balise et dans le lien du bouton — sans accent, sans espace, sans majuscule.

Règles à respecter

⚠️ Le # est indispensable dans l'URL du bouton. Sans le #, le navigateur cherchera une page nommée formulaire au lieu d'une ancre interne.
  • L'ancre doit être placée au-dessus de la section vers laquelle on redirige, pas au milieu.
  • Le nom de l'ancre dans la balise et dans le lien du bouton doivent être strictement identiques.
  • Pas d'accent, pas d'espace, pas de majuscule dans le nom de l'ancre.
  • Une même ancre peut être ciblée par plusieurs boutons — pas besoin de la dupliquer.

Tester votre bouton

  • Enregistrez votre page et ouvrez-la depuis l'URL publique (pas depuis l'éditeur).
  • Cliquez sur votre bouton : la page doit descendre directement au niveau de la section ciblée.
  • Si rien ne se passe, vérifiez que le nom de l'ancre dans la balise correspond exactement au nom utilisé dans le lien (sans le #).

Articles connexes

Les derniers tutoriels