Personnaliser des images et des arrière-plans dans Vente en ligne Square
| Prêt à configurer votre site Web avec Square ? Démarrer > |
Les images représentent un élément crucial d’un site Web. Elles permettent d’ajouter une touche personnelle, aident à vendre des produits et améliorent l’expérience globale de votre présence en ligne. Dans l’éditeur de site Vente en ligne Square, la plupart des sections comportent une option Image que vous pouvez personnaliser, notamment les options suivantes :
Téléchargez plusieurs images avec un section Galerie d’images et choisissez parmi différents styles de disposition tels que les galeries fixes, les diaporamas et plus encore.
Connectez votre compte Instagram à une section Fil d’actualité Instagram pour synchroniser et afficher les images de vos réseaux sociaux en ligne.
Mettez vos articles et catégories principaux en vedette grâce à une section Articles conseillés pour permettre à vos clients de rapidement passer commande ou effectuer leurs achats.
Les sections de text et d’images générales vous permettent d’ajouter plusieurs formes de contenu et de disposer d’options de personnalisation supplémentaires.
La plupart des autres sections vous permettent d’ajouter une image d’arrière-plan.
Remarque : vous pouvez également ajouter des images de item and category à Vente en ligne Square directement dans l’éditeur.
Découvrez plus de conseils de gestion des images d’arrière-plan et de premier plan pour votre site Vente en ligne Square.
Images de premier plan et images d’arrière-plan
Lorsque vous travaillez avec des images dans l’éditeur de site, vous verrez deux principaux types d’images :
De premier plan : ces images font partie du contenu ajouté apparaissant sur votre site avec le contenu textuel. Il est généralement possible d’effectuer un clic droit sur ces images et de les copier ou de les ouvrir dans un nouvel onglet du navigateur. Vous pouvez également les considérer comme des images d’avant-plan.
D’arrière-plan : ces images ne font pas partie du contenu principal apparaissant 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). Elles peuvent être considérées comme faisant partie du design de votre site ou de son style, et il n’est pas possible d’effectuer un clic droit sur ces images, ni de les copier ou de les ouvrir dans un nouvel onglet du navigateur.
Ajouter une section avec une Option d’image à votre site
Pour ajouter une image à votre site, la première étape consiste à ouvrir votre Éditeur de site Vente en ligne Square et choisir la créer une page à laquelle ajouter les images. Ensuite, sélectionnez +Ajouter> Section pour ouvrir le menu sections.
La plupart des sections de la catégorie Organiser comportent une image de premier plan. Sélectionnez une section pour voir son affichage sur la page. Vous pouvez également ajouter une autre section et modifier l’image d’arrière-plan. Une fois que vous avez trouvé une image qui vous convient, cliquez sur Ajouter pour l’ajouter à votre page.
Ajouter une image à votre section
Pour ajouter des images à votre section :
De premier plan : sous l’option d’image dans le volet d’édition, sélectionnez Ajouter une image.
D’arrière-plan : sous Personnaliser> Arrière-plan dans le volet d’édition, choisissez Image dans le menu déroulant et sélectionnez Ajouter une image.
Chacune de ces options ouvrira la fenêtre du gestionnaire d’images et vous pourrez sélectionner ou télécharger vos nouvelles images.
Remarque : l’accès aux images premium nécessite une mise à niveau de votre site Vente en ligne Square.
Plusieurs options permettent d’ajouter une image depuis la fenêtre contextuelle du gestionnaire de ressources :
- Sélectionnez Mes images pour voir toutes les images générales téléchargées sur les sites Web de votre compte Square. Si vous possédez plusieurs sites, utilisez le menu déroulant Site pour passer d’un site à l’autre.
- Sélectionnez Mes logos pour voir toutes les images de logo téléchargées sur les sites Web de votre compte Square. Si vous possédez plusieurs sites, utilisez le menu déroulant Site pour passer d’un site à l’autre.
- Choisissez Photos premium pour accéder à plus de 100 millions d’images premium libres de droits (mise à niveau nécessaire).
- Sélectionnez Instagram pour connecter votre compte Instagram et utiliser les photos de votre profil sur votre site.
Pour télécharger une nouvelle image, accédez à Mes images ou à Mes logos dans le gestionnaire de ressources et cliquez sur le lien pour choisir un fichier sur votre appareil. Vous pouvez télécharger les types de fichiers image suivants :
- JPG
- PNG
- GIF
Pour des astuces en lien avec les images affichées sur votre site Vente en ligne Square, référez-vous aux directives générales ci-dessous.
Images de premier plan :
- La meilleure approche pour les images de premier plan ajoutées à n’importe quelle page de votre site consiste à utiliser des fichiers JPEG dont la taille ne dépasse pas 1 000 pixels sur le côté le plus long.
- Pour des images de haute qualité, nous recommandons d’utiliser un site d’hébergement de photos conçu pour les photographes (p. ex. Flickr.com) et d’intégrer les images à votre site par la suite. Nous ne concevons pas d’images de grande taille, non comprimées et de haute qualité, car nous devons héberger des millions d’images provenant de millions d’utilisateurs. Par conséquent, l’hébergement d’images par des tiers peut constituer un meilleur moyen de préserver la qualité de vos images.
Images d’arrière-plan :
- Pour les images faisant partie du design de votre site (p. ex. images d’en-tête, bannières et images d’arrière-plan), il est recommandé d’utiliser une image mesurant 2 000x1 000 pixels. Ainsi, elle sera suffisamment grande pour que sa reproduction en pleine largeur s’affiche correctement sur toute taille d’écran.
Modifier les groupes de sections
Certaines mises en page de sections vous permettent de copier des parties de sections appelées Groupes afin d’ajouter du contenu et des images sans ajouter une nouvelle section à la page. Sous Groupe dans le volet d’édition, vous verrez la liste des groupes actuels de la section.
Pour insérer un nouveau groupe d’images et de texte avec le texte par défaut, sélectionnez Ajouter un groupe. Pour copier un groupe existant, sélectionnez "..." > Dupliquer. Les nouveaux groupes et les groupes dupliqués apparaîtront sur la liste dans le volet d’édition. Vous pouvez modifier leur ordre sur la page en faisant glisser un groupe vers un nouvel emplacement dans la liste.
Modifier les images de premier plan
Pour modifier une image de premier plan sur votre site Vente en ligne Square :
- Dans l’éditeur de site Vente en ligne Square, accédez à 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 régler les options disponibles si nécessaire. Si vous n’êtes pas satisfait des modifications, sélectionnez Revenir à l’original.
- Enregistrez vos modifications et Publiez votre site pour voir vos changements en direct.
Remarque : le nombre d’options d’image peut varier selon la mise en page de votre section.
Pour télécharger une autre image, sélectionnez Remplacer dans le volet d’édition. Vous pouvez également sélectionner l’icône en forme de corbeille pour supprimer l’image. Si vous changez d’avis, utilisez la flèche d’annulation pour annuler votre dernière action.
Dans le volet d’édition, vous pouvez également ajouter un lien vers l’image ou ajouter du texte alternatif pour améliorer votre référencement et l’accessibilité Web. Découvrez comment ajouter un lien à votre site et optimiser le référencement des pages de votre site Web.
Remarque : l’accessibilité Web est un aspect important de la conception d’un site Web accessible au plus grand nombre de visiteurs possible, en particulier ceux en situation de handicap. Apprenez-en plus sur l’accessibilité pour les sites Vente en ligne Square pour obtenir plus de conseils sur l’accessibilité de vos images.
Avec toutes les solutions existant en ligne, il peut être quasiment impossible de protéger complétement une image sur Internet. Vous pouvez avoir recours à des pages protégées par un mot de passe sur votre site de Vente en ligne Square pour protéger votre contenu.
Vous pouvez également désactiver le clic droit sur votre site pour certains navigateurs afin d’empêcher les visiteurs de copier facilement vos images. Gardez à l’esprit que cela ne vous protège pas complètement, mais cela peut en décourager certains. Pour désactiver le clic droit sur votre site :
- À partir de votre page Aperçu de Vente en ligne Square, accédez à Paramètres > Outils de suivi.
- Sélectionnez Ajouter un nouveau code.
- Dans la fenêtre contextuelle, saisissez le nom du code et le code dans les champs correspondants (voir le code ci-dessous).
- Placez le code dans le pied de page en sélectionnant Bas de page.
- Sélectionnez Enregistrer.
- Publiez votre site à partir de l’éditeur de site Vente en ligne Square pour appliquer les modifications.
Code: <body oncontextmenu=”return false;”>
Plutôt que de protéger leurs images de cette façon, un grand nombre de personnes ayant une présence en ligne (p. ex des photographes) choisissent d’utiliser des programmes pour ajouter un filigrane sur la version en ligne de leurs photos. Bien que cela n’empêche pas le vol éventuel de la photo, cette dernière sera protégée d‘un usage malveillant, puisque dans la plupart des cas, le filigrane rend la photo inutilisable.
Modifier les images d’arrière-plan
Vous pouvez améliorer la lisibilité d’une section dans Vente en ligne Square en réglant l’obscurité ou la clarté de l’image d’arrière-plan. Les images claires peuvent devenir plus claires là où le texte a une couleur plus foncée par défaut, et les images foncées peuvent devenir plus sombres là où le texte a une couleur plus claire par défaut. Pour régler la lisibilité d’une section de votre site Vente en ligne Square :
- Depuis votreéditeur de site Vente en ligne Square, accédez à la page contenant l’image d’arrière-plan que vous souhaitez modifier.
- Sélectionnez la section contenant l’image et accédez à Personnaliser > Arrière-plan dans le volet d’édition.
- Sélectionnez Modifier et réglez la lisibilité de l’image en déplaçant le curseur.
- Enregistrez vos modifications et Publiez votre site pour voir vos changements en direct.
Vous pouvez zoomer et ajuster l’image d’arrière-plan à votre convenance.
Pour télécharger une autre image, sélectionnez “…“ > Remplacer dans le volet d’édition. Vous pouvez également sélectionner l’icône en forme de corbeille pour supprimer l’image. Si vous changez d’avis, utilisez la flèche d’annulation pour annuler votre dernière action.
Pour remplacer votre image d’arrière-plan par une couleur dans Vente en ligne Square :
- Depuis votreéditeur de site Vente en ligne Square, accédez à la page contenant l’image d’arrière-plan que vous souhaitez modifier.
- Sélectionnez la section contenant l’image et accédez à Personnaliser > Arrière-plan dans le volet d’édition.
- Dans le menu déroulant, choisissez Couleur sélectionnée pour remplacer l’image par la couleur de site que vous avez sélectionnée ou Couleur personnalisée pour la remplacer par une autre couleur.
En savoir plus sur le choix des couleurs pour votre site Vente en ligne Square.
Options d’image pour site mobile
Bien que la version mobile de votre site Web ne puisse pas être modifiée séparément de la version ordinateur, vous disposez d’options d’image propres à votre site mobile visant à préserver l’aspect de vos images sur tous les formats d’écran. Vous disposez notamment des options suivantes :
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. Pour démarrer :
- Depuis votreéditeur de site Vente en ligne Square, accédez à la page contenant l’image d’arrière-plan que vous souhaitez configurer pour les mobiles.
- Sélectionnez la section contenant l’image et accédez à Personnaliser > Arrière-plan dans le panneau 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. Vous pourrez ainsi vous assurer que l’objet de votre photo est toujours centré sur votre site mobile.
- Sélectionnez Enregistrer lorsque vous avez terminé. Vous pouvez vérifier le site mobile avec cette modification en passant à l’affichage mobile. Réglez-le à nouveau dans l’affichage de bureau si nécessaire.
- Publiez votre site pour appliquer les changements.
Dépannage
Si vous avez téléchargé plusieurs images avec le même nom de fichier sur votre site Vente en ligne Square, cela peut donner lieu à des anomalies d’affichage sur votre site. Par exemple, les images peuvent soudainement apparaître sur la mauvaise page ou changer de place, ou même ne pas apparaître du tout. Pour éviter cela, veillez à ce que chaque image porte un nom de fichier unique avant de la télécharger dans l’éditeur de site.
Si vous rencontrez actuellement ce problème, résolvez-le en suivant ces étapes :
À partir de votre Éditeur de site Vente en ligne Square , supprimez toutes les images qui n’apparaissent pas correctement.
Sur votre ordinateur ou autre appareil, assurez-vous que vos fichiers d’images ont tous un nom unique.
Dans l’éditeur de site, téléchargez à nouveau les images sur votre site Web.
Publiez votre site pour appliquer les modifications.