Ajouter des images à vos pages Shopify renforce l’attrait visuel et aide à transmettre votre message plus efficacement. Cependant, par défaut, lorsque vous insérez une image via la fonctionnalité « insérer une image » de Shopify, le texte commence sous l’image, laissant un espace blanc à côté.
Pour un rendu plus soigné et professionnel, vous pouvez vouloir que le texte s’habille autour de l’image. Ce guide vous présente les moyens les plus simples d’obtenir un habillage du texte sur vos pages Shopify et explique pourquoi les marchands peuvent avoir besoin de cette solution.
Pourquoi les marchands peuvent avoir besoin de cette solution
Meilleure lisibilité : Habiller le texte autour des images rend le contenu plus facile à lire et à parcourir, créant une expérience plus engageante pour vos clients.
Mise en page professionnelle : Une page bien organisée, avec du texte qui s’habille autour des images, paraît plus professionnelle, ce qui peut aider à instaurer la confiance et la crédibilité auprès de votre audience.
Optimisation de l’espace : Utiliser efficacement l’espace sur votre page évite les zones blanches inutiles, en veillant à ce que votre contenu soit visuellement attrayant et exploite pleinement la surface disponible.
Attrait visuel renforcé : Intégrer les images de façon fluide avec le texte peut mettre en avant des informations importantes, rendant votre page plus attractive et plus informative.
Comment habiller le texte sur une page Shopify
Lorsque vous insérez une image sur n’importe quelle page Shopify, suivez ces étapes pour habiller le texte autour :
- Double-cliquez sur l’image : Vous pouvez aussi sélectionner l’image insérée et cliquer sur le bouton Image dans la barre d’outils.
- Fenêtre de modification de l’image : Cette action ouvre la fenêtre de modification de l’image, qui propose plusieurs options pour l’éditer.
- Habiller le texte autour de l’image : Cochez la case « Wrap Text Around Image » pour habiller la phrase ou la description autour de l’image.
Remarque : Cette fonction fonctionne bien pour une seule phrase ou une description, mais peut être moins efficace avec plusieurs paragraphes. L’habillage du texte s’arrête lorsque vous passez au paragraphe suivant.
Comment habiller le texte avec plusieurs paragraphes
Lorsqu’il y a plusieurs paragraphes, l’habillage du texte s’arrête au passage au paragraphe suivant, ce qui crée un espace blanc pouvant nuire à votre contenu. Pour habiller le texte autour des images avec plusieurs paragraphes, vous devez effectuer quelques modifications HTML :
-
Utiliser le code de saut de ligne (<br>) : Insérez le code de saut de ligne
<br>entre les phrases afin de conserver l’habillage du texte d’un paragraphe à l’autre. - Ajustements HTML : Modifiez manuellement le HTML de l’article de blog ou de la page concernée où vous souhaitez appliquer ces changements en cliquant sur le bouton « Show HTML » dans l’éditeur de texte enrichi.
Bien que cette méthode prenne du temps, elle reste la plus efficace pour garantir l’habillage du texte avec plusieurs paragraphes dans Shopify. Sinon, vous pouvez envisager d’utiliser une application de création de pages Shopify comme PageFly, GemPages ou EComposer, qui offrent des options de mise en page plus avancées et davantage de flexibilité, sans nécessiter de connaissances en HTML.
Points importants à prendre en compte
Compatibilité mobile : Gardez à l’esprit que l’habillage du texte autour des images peut s’afficher moins efficacement sur mobile et sur les petits écrans. Prévisualisez toujours vos pages sur différents appareils afin de garantir une bonne expérience utilisateur sur toutes les tailles d’écran.
Taille de l’image : Choisissez des tailles d’image adaptées lorsque vous habillez le texte. Des images trop grandes peuvent créer des mises en page maladroites et nuire à la lisibilité, surtout sur mobile.
Conclusion
Habiller le texte autour des images sur vos pages Shopify peut améliorer considérablement la lisibilité et l’attrait visuel de votre contenu. En utilisant l’option « Wrap Text Around Image » pour des phrases uniques et en effectuant des ajustements HTML pour plusieurs paragraphes, vous pouvez obtenir une mise en page propre et professionnelle.
Cela améliore non seulement l’esthétique globale de votre boutique, mais crée aussi une expérience utilisateur plus engageante, ce qui aide à fidéliser les clients et à renforcer la crédibilité de votre marque. Pour des options de personnalisation plus avancées, envisagez d’explorer des applications de création de pages Shopify qui peuvent simplifier le processus. Mettez en œuvre ces techniques pour tirer le meilleur parti du design de vos pages Shopify et présenter votre contenu sous son meilleur jour.
