Ajouter des images et des arrière-plans à votre site Vente en ligne Square
À propos des images et des arrière-plans de sites Web
Les images sont un élément essentiel de tout site Web. Elles permettent d’ajouter une touche personnelle, de vendre plus d’articles et d’offrir une meilleure expérience globale de votre présence en ligne. Dans l’éditeur de site Vente en ligne Square, la plupart des sections incluent une option d’image que vous pouvez personnaliser.
Les deux principaux types d’images dans l’éditeur de site sont :
Images de premier plan : ces images font partie du contenu ajouté qui apparaît sur votre site, de même que le texte. Vous pouvez également les considérer comme des images d’avant-plan.
Images d’arrière-plan : ces images ne font pas partie du contenu principal qui apparaît sur votre site, mais se situent à l’arrière-plan de vos images de premier plan et de votre texte (ou derrière ces derniers). Vous pouvez les considérer comme faisant partie de la conception ou du style de votre site.
Avant de commencer
Vous pouvez ajouter et modifier des images à partir de votre Tableau de bord Square.
Les types de fichiers image pris en charge sont JPG, PNG et GIF.
Assurez-vous que chaque fichier image porte un nom de fichier unique avant de le télécharger dans l’éditeur de site. Cela permettra d’éviter tout comportement indésirable, tel que l’échange d’images ou l’absence de chargement.
Pour les images de premier plan, utilisez une image qui ne dépasse pas 1 000 pixels sur son côté le plus long. Pour les images d’arrière-plan, essayez d’utiliser une image d’au moins 2 000 x 1 000 pixels.
Vous pouvez accéder à plus de 100 millions de photos de qualité supérieure, libres de droits dans l’éditeur avec un abonnement Vente en ligne Square Plus ou Premium.
Vous pouvez ajouter du texte alternatif à vos images de premier plan à des fins de référencement. Pour en savoir plus, découvrez comment Indexer un site Vente en ligne Square avec les moteurs de recherche.
En plus des GIF de haute qualité, vous pouvez également utiliser une vidéo en tant qu’arrière-plan de section. Pour en savoir plus, découvrez comment Ajouter des vidéos à votre site Vente en ligne Square .
Pour gérer les images d’articles et de catégories sur votre site, accédez au Catalogue d’articles Square. Pour en savoir plus, découvrez comment Télécharger et gérer les images des articles.
Ajouter une image à une section
- Connectez-vous au Tableau de bord Square et cliquez sur Canaux de vente > Vente en ligne > Site Web > Modifier le site.
- Ouvrez la page où vous souhaitez ajouter des images.
- Sélectionnez + > Section pour ajouter votre section.
- Dans le panneau d’édition, sélectionnez Ajouter une image sous l’option d’image.
- Connectez-vous au Tableau de bord Square et cliquez sur Canaux de vente > Vente en ligne > Site Web > Modifier le site.
- Ouvrez la page où vous souhaitez ajouter des images.
- Sélectionnez + > Section pour ajouter votre section.
- Dans le volet d’édition, accédez à Personnaliser > Arrière-plan, puis choisissez Image dans le menu déroulant.
- Sélectionnez Ajouter une image.
Modifier une image
Vous pouvez modifier vos images de premier plan à tout moment.
- Connectez-vous au Tableau de bord Square et cliquez sur Canaux de vente > Vente en ligne > Site Web > Modifier le site.
- Ouvrez la page où se trouve l’image que vous souhaitez modifier.
- Sélectionnez la section contenant l’image, puis sélectionnez l’image elle-même pour afficher les options d’image dans le volet d’édition.
- Sélectionnez Modifier pour ajuster les options disponibles. Si vous n’aimez pas vos modifications, sélectionnez Revenir à l’original.
- Apportez vos modifications et publiez votre site pour les visualiser en direct.
- Pour remplacer votre image, sélectionnez-la et cliquez sur Remplacer dans le volet d’édition.
- Pour supprimer votre image, sélectionnez-la et cliquez sur l’icône de la corbeille dans le volet d’édition.
Avec certains navigateurs, vous pouvez également désactiver le clic droit sur votre site pour empêcher les visiteurs de copier facilement vos photos.
- Connectez-vous au Tableau de bord Square, puis cliquez sur Canaux de vente > Vente en ligne > Paramètres > Outils de suivi.
- Sous « Ajouter un code d’en-tête personnalisé », sélectionnez Ajouter un nouveau code.
- Dans la fenêtre contextuelle, saisissez le nom du code et le code dans les champs correspondants. Utilisez le code : < body oncontextmenu=”return false;” >
- Placez le code dans le pied de page en sélectionnant Fin du corps.
- Cliquez sur Enregistrer.
- Publiez votre site à partir de l’éditeur pour appliquer instantanément les modifications.
Vous pouvez améliorer la lisibilité d’une section dans Vente en ligne Square en ajustant la luminosité de l’image d’arrière-plan. Vous pouvez également zoomer et redresser l’image d’arrière-plan.
- Connectez-vous au Tableau de bord Square et cliquez sur Canaux de vente > Vente en ligne > Site Web > Modifier le site.
- Ouvrez la page avec l’image d’arrière-plan dont vous souhaitez ajuster l’apparence.
- Sélectionnez la section contenant l’image, puis cliquez sur Personnaliser > Arrière-plan dans le volet d’édition.
- Sélectionnez Modifier et ajustez la lisibilité de l’image en déplaçant le curseur.
- Apportez vos modifications et publiez votre site pour les visualiser en direct.
- Pour remplacer votre image, cliquez sur ••• > Remplacer dans le volet d’édition.
- Pour supprimer votre image, cliquez sur l’icône de la corbeille dans le volet d’édition.
Ajuster les images d’arrière-plan pour mobile
Vous pouvez régler le point focal de l’image d’arrière-plan d’une section afin que le sujet de l’image reste centré sur votre site mobile Vente en ligne Square.
Connectez-vous à votre Tableau de bord Square et cliquez sur Canaux de vente > Vente en ligne > Site Web > Modifier le site.
Ouvrez la page avec l’image d’arrière-plan dont vous souhaitez ajuster l’apparence pour mobile.
Sélectionnez la section contenant l’image, puis accédez à Personnaliser > Arrière-plan dans le volet d’édition.
Sélectionnez ••• > Définir le sujet de l’image.
Placez le point indicateur sur l’objet principal de votre image d’arrière-plan. Ainsi, vous pourrez vous assurer que l’objet de votre photo est centré sur votre site mobile.
Sélectionnez Enregistrer lorsque vous avez terminé. Vous pouvez consulter le site pour mobile avec cette modification appliquée en passant à la vue mobile.
Publiez votre site pour appliquer les modifications.
Créer des liens par image
Vous pouvez transformer une image de premier plan en lien.
Connectez-vous à votre Tableau de bord Square et cliquez sur Canaux de vente > Vente en ligne > Site Web > Modifier le site.
Ouvrez la page où se trouve l’image que vous souhaitez lier.
Sélectionnez la section contenant l’image, puis sélectionnez l’image elle-même pour voir les options associées dans le volet d’édition.
Sélectionnez le bouton Ajouter un lien dans le volet d’édition pour configurer la destination du lien. Cliquez sur Enregistrer.
Publiez votre site pour appliquer les modifications.
Articles connexes
Ajouter des galeries d’images et des diaporamas à votre site Vente en ligne Square
Ajouter ou modifier du texte dans votre site Vente en ligne Square