🟢Texte déroulant
La section TEXTE DÉROULANT permet de faire défiler du texte à la façon d'un prompteur sur une boutique Shopify®.
Disponible depuis la version 1.6. Si vous avez une version antérieure, merci d'effectuer la mise à jour.
AVANT DE COMMENCER : Assurez-vous d'avoir une licence active installée sur votre boutique Shopify®. Si ce n'est pas le cas, commandez une licence SHOPIWEB PREMIUM en passant par ce lien.
COMMENT AJOUTER LA SECTION
Depuis la personnalisation du thème, cliquez sur SECTIONS > AJOUTER UNE SECTION > TEXTE DÉROULANT. Il est possible d’ajouter cette section sur la page de votre choix, y compris sur un modèle de page produit.
COMMENT PERSONNALISER LA SECTION
Une fois la section ajoutée, sélectionnez-la pour voir apparaître les options de personnalisation dans la colonne à droite de l'écran.
Disposition du texte déroulant (bureau) : Cliquez sur le bouton GAUCHE ou DROITE pour faire apparaître la partie de texte déroulant dans la partie droite ou gauche de la section. Cette option n'est valable que pour les utilisateurs consultant votre site depuis un ordinateur. Depuis un mobile, la section s'ajustera automatiquement au format vertical de l'écran en plaçant les deux parties de section l'une au dessus de l'autre.
Choisissez la COULEUR D'ARRIÈRE PLAN (les couleurs dépendent de celles que vous avez ajoutés depuis vos paramètres de thème).
Optez pour un affichage de la section dans un conteneur ou en pleine largeur. Si vous choisissez l'affichage CONTENEUR, entrer la largeur souhaitée en pixels dans le champs du dessous. Si vous choisissez un affichage PLEINE LARGEUR, enlevez la taille du champs ; ce format d'affichage permet à la section de prendre tout l'écran.
Bordure : Si vous avez optez pour un affichage en CONTENEUR, il est possible de créer une bordure sur ce conteneur. Choisissez donc sa couleur, sa taille et l'ombre.
Image : Pour afficher une image en arrière plan de section, sélectionnez-là depuis votre bibliothèque ou importez-en une. Réglez ensuite sa taille sur mobile à l'aide des boutons PETIT, MOYEN ou GRAND. Si vous avez optez pour un affichage en CONTENEUR, ajustez-en sa largeur en entrant la taille en pixels dans le champs LARGEUR MAXIMALE (PX).
Sélectionnez l'alignement du texte. Préférez-vous que le texte (titre et description de la section) soit centré ou à gauche ?
Pour afficher une petite image dans l'en-tête de la section, importez-en une puis réglez la taille en entrant le chiffre en pixels dans le champs du dessous.
Écrire le texte à afficher en tant que Légende de section ou bien le supprimer pour ne rien afficher. Si vous en avez mis un, réglez ensuite sa taille et sa couleur à l'aide des deux options suivantes.
Écrire le titre souhaité pour la section dans le champ texte, puis réglez sa balise SEO (choisissez de préférence un H2 sauf si la section est la première de votre page). Réglez ensuite la taille d'affichage du titre.
Écrire la description générale souhaitée pour la section dans le champ texte suivant. Pour ne rien afficher, supprimez simplement le texte. Ensuite, réglez sa taille à l'aide de l'option suivante.
Pour afficher un bouton à la section TEXTE DÉROULANT, écrivez le texte du bouton dans le champ TEXTE DU BOUTON (laissez ce champ vide si vous ne souhaitez pas mettre de bouton). Dans le champ suivant, sélectionnez l'URL vers laquelle les utilisateurs seront redirigés après avoir cliqué sur le bouton. Ensuite, choisissez la couleur du bouton à l'aide du menu déroulant (les couleurs dépendent de celles entrées dans vos paramètres de thème). Terminez par la taille du bouton : PETIT, NORMAL ou LARGE.
PERSONNALISATION DU TEXTE DÉROULANT
La suite des réglages concernent votre texte qui va dérouler en boucle.
Couleur de l'arrière plan : Les couleurs du menu déroulant dépendent de celles que vous avez ajoutés depuis vos paramètres de thème. Cochez l'option DÉGRADÉ D'ARRIÈRE PLAN si vous souhaitez un effet de dégradé dans votre couleur d'arrière plan (à condition d'avoir choisi une couleur foncée).
Vitesse du texte déroulant : Ajustez la vitesse de défilement à l'aide du curseur. Moins il y a de secondes et plus le texte défilera rapidement. Plus il y a de secondes et plus le texte défilera lentement.
Texte déroulant : Inscrivez le texte que vous souhaitez faire défiler dans le champs texte.
Alignement du texte déroulant : Souhaitez-vous que le texte déroulant soit ajusté sur la gauche ? Au centre ? ou à droite ? Cliquez sur le bouton correspondant à votre choix.
Poids de la police : Décidez d'afficher le texte déroulant en GRAS en cliquant sur BOLD ou le laisser en NORMAL en cliquant sur NORMAL.
Transformation du texte déroulant : Modifiez en un clic l'apparence du texte déroulant. L'option NORMAL affichera le texte de la même façon tel que vous l'avez écris. L'option CAPITAL affichera le texte en mettant la première lettre de chaque mot en majuscule. L'option MINUSCULE mettra tout le texte en minuscule, sans majuscule aucune. Et enfin, l'option MAJUSCULE affichera toutes les lettres du texte défilant en majuscule.
Taille du texte déroulant : Choisissez la taille d'affichage de votre texte déroulant. Ne vous recommandons de sélectionner la taille de telle façon que chaque phrase ne soit pas coupée par un retour à la ligne.
Effet d'animation : Sélectionnez l'effet avec lequel la section TEXTE DÉROULANT apparaîtra lorsque l'utilisateur défilera l'écran jusqu'à arriver à la section. Créer du mouvement permet d'attirer l'attention sur le contenu de votre section. Et la qualité de votre copywriting permet d'engager le lecteur en lui donnant envie de lire votre argumentaire. Vous avez le choix avec plusieurs dizaines d'effets.
Vitesse d'animation : Sélectionnez la vitesse à laquelle vous souhaitez que l'effet d'animation s'effectue.
Espacement de la section : Le PADDING permet d'ajouter de l'espace à l'intérieur de la section. La MARGE vous permet d'ajouter de l'espace à l'extérieur de la section. PENSEZ-Y : Une boutique professionnelle doit respirer. Nous vous recommandons donc d'ajouter un Padding de taille 13 en haut et en bas de chaque section. Taille que vous pouvez ajuster selon les effets souhaités entre les sections.
Félicitations, vous avez réussi à ajouter et personnaliser la section TEXTE DÉROULANT du thème SHOPIWEB PREMIUM.
L'ASTUCE
Cette section vous permet de faire un rappel des points forts de votre produit et de votre marque d'une façon différente. L'un des aspects d'un marketing réussi consiste à répéter les bénéfices. La section TEXTE DÉROULANT est l'occasion de faire cette répétition avec un design différent des autres sections de votre page de vente.
LA VIDÉO
Dernière mise à jour