Boutons

Les boutons sont un ingrédient essentiel pour inciter les utilisateurs à interagir avec vos pages web. Ils peuvent être des « appels à l’action » ponctuels, ou être regroupés pour former la base d’une navigation complète du site. Au niveau le plus simple, vous créez un bouton en ajoutant l’élément « button » à la zone de travail. À partir de là, vous pouvez styliser le bouton à l’aide de toutes les options disponibles dans le panneau de style de Sitely.  

La première chose à faire est de donner un libellé à votre bouton afin que les utilisateurs sachent ce que c’est. Vous devez également indiquer à Sitely ce que vous souhaitez que le bouton fasse lorsqu’on clique dessus. C’est ce qu’on appelle l’action « On-Click ». 

Voici un résumé des options :

• Aller à une page de ce site web : Cette option crée un lien vers n’importe quelle page de votre site que vous désignez.
• Aller vers un lien externe : Cela crée un lien vers une URL externe.
• Ouvrir un e-mail : Cette option crée un lien qui ouvre le client de messagerie de l’utilisateur et prépare un nouveau message à envoyer à une adresse e-mail désignée.
• Télécharger un fichier : Cette action téléchargera un fichier que vous avez désigné. 
• Appeler un numéro de téléphone : Fonction utile pour les pages mobiles de votre site web. Cliquer sur ce type de lien initiera un appel téléphonique vers un numéro spécifié.
• Envoyer un SMS : Fonctionne de la même manière que l’option numéro de téléphone, mais lance l’envoi d’un SMS au lieu d’un appel téléphonique.
• Partager cette page : Lien de partage permettant aux visiteurs de partager votre page web sur les plateformes sociales populaires.
• Envoyer le formulaire de contact par e-mail : Cette action est généralement associée à un bouton d’envoi sur un formulaire de contact et enverra les informations du formulaire à une adresse e-mail désignée.
• Envoi avancé de formulaire : Semblable à l’option normale d’envoi du formulaire par e-mail, mais offre des fonctionnalités supplémentaires qui peuvent être nécessaires sur certains serveurs d’hébergement web.
• Ouvrir/Fermer une fenêtre popup : Ces actions feront s’ouvrir ou se fermer une fenêtre contextuelle (popup) désignée lorsque l’on clique sur le bouton. Les popups peuvent aussi être activées avec l’action Survol de la souris dans le panneau de style.
• Contrôle des médias : Permet d’utiliser un bouton pour contrôler du contenu vidéo ou audio sur la page. En utilisant plusieurs boutons, vous pouvez créer un lecteur multimédia personnalisé, chaque bouton contrôlant un aspect différent du média (lecture, pause, sourdine, etc.).
• Visibilité d’un bloc de mise en page : Cette action peut masquer, afficher ou basculer la visibilité d’un bloc de mise en page sur votre page.
• Exécuter une fonction JavaScript : Pour les développeurs qui souhaitent plonger dans le code. Cette option permet à un bouton de déclencher une fonction JavaScript.

Une fois que vous avez donné à votre bouton un libellé et une action, il ne reste plus qu’à le styliser à l’aide des options de style familières de Sitely. Vous pouvez définir les couleurs, les remplissages, les contours, les arrondis, les polices et disposer d’options de style différentes pour chaque état du bouton.