Vous apprendrez
Apprenez à inclure une image de haute qualité à gauche ou à droite de votre formulaire d'inscription pour une expérience d'inscription attrayante qui correspond au design de votre marque.
Avant de commencer
Les images latérales apparaissent à gauche ou à droite du contenu de votre formulaire. Lorsque vous utilisez une image dans un formulaire, vous devez tenir compte de quelques éléments :
- Il existe de nombreux types de formats d'image. Les JPEG équilibrent bien la qualité et la taille pour les images colorées, tandis que les PNG permettent de conserver la netteté des images transparentes ou des logos.
- Veillez à utiliser une image de qualité raisonnable pour obtenir les meilleurs résultats.
- Essayez de maintenir vos images entre 600 et 1000 px de largeur et moins de 2000 px de hauteur pour les images pleine largeur afin d'équilibrer la qualité et le temps de chargement. Les images moins larges peuvent être inférieures à 600 px.
- Comme pour toutes les images visualisées sur le web, les fichiers de grande taille entraînent des temps de chargement plus lents.
- Visez une taille de fichier de 50 à 100 Ko pour les images latérales et de moins de 200 Ko pour les images d'arrière-plan, afin de garantir la qualité de votre image sans ralentir votre site.
- Ajoutez un texte alt à votre image afin que vos formulaires soient accessibles à tous les visiteurs du site.
Étant donné que les formulaires d'inscription sont affichés sur les navigateurs (contrairement aux e-mails, qui sont affichés sur les ESP), il existe moins de recommandations sur la manière de les formater et de les ajuster. Les navigateurs peuvent restituer des images de tous types et de toutes tailles. En règle générale, il convient donc de s'en tenir à des images de haute résolution, à des fichiers de taille raisonnable et de tester l'apparence sur chaque type d'appareil.
Ajoutez une image latérale à votre formulaireAjoutez une image latérale à votre formulaire
Pour ajouter une image de part et d'autre du contenu de votre formulaire d'inscription :
- Naviguez jusqu'à l'onglet Formulaires d'inscription.
- A côté de votre formulaire, cliquez sur les 3 points > Editer le formulaire.
Si votre formulaire a été créé avant juillet 2021 et qu'il utilise une image d'arrière-plan alignée à droite ou à gauche comme image latérale, supprimez-la avant d'utiliser la fonction d'image latérale. Pour ce faire, accédez à la section Arrière-plan du formulaire de la section Styles et supprimez l'image d'arrière-plan. Faites ensuite défiler vers le bas jusqu'à Styles de formulaire et supprimez tout rembourrage excessif sur le côté droit ou gauche.
- Dans la section Styles, accédez à la section Image latérale et sélectionnez le côté où vous souhaitez ajouter une image (gauche ou droite).
- Cliquez sur l'espace vide de l'image dans l'aperçu du formulaire.
- Cliquez sur Parcourir la bibliothèque d'images pour ajouter une image à partir de votre bibliothèque d'images Klaviyo, télécharger une image ou importer une nouvelle image à partir d'une URL.
Veillez à utiliser une image de qualité raisonnable pour obtenir les meilleurs résultats. Comme pour toutes les images visualisées sur le web, les fichiers de grande taille entraînent des temps de chargement plus lents. Visez une taille de fichier de 50 à 100 Ko pour les images latérales afin de garantir la qualité de votre image sans ralentir votre site.
Options d'affichage des images latéralesOptions d'affichage des images latérales
Modèles de formulairesModèles de formulaires
Par défaut, les formulaires comportant des images latérales ont une largeur de 780 px et la largeur de l'image latérale est réglée sur Moyenne. Vous pouvez utiliser les sections Largeur et Hauteur minimale pour ajuster la taille du formulaire. Si vous souhaitez que l'image latérale prenne plus ou moins de place dans le formulaire, réglez la taille dans la section Image latérale (par exemple, petite, moyenne, grande, personnalisée).
L'image latérale de votre formulaire sera masquée par défaut sur les appareils mobiles afin d'optimiser l'expérience mobile, car l'espace d'