Mises à jour du système

Nous rencontrons des problèmes qui pourraient affecter vos services Square. Nous continuerons à mettre à jour la page d’état avec d’autres informations.

Accueil>Conception et contenu du site

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 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 comprennent une option d’images que vous pouvez personnaliser. Par exemple :

  • Téléversez plusieurs images dans une section galerie d’images et choisissez différents styles de disposition tels que les galeries fixes, les diaporamas et plus encore.

  • Connectez une section fil d’actualité Instagram à votre compte Instagram afin que vous puissiez choisir des images destinées aux réseaux sociaux à synchroniser et à afficher.

  • Présentez vos principaux articles et catégories dans une section articles en vedette pour permettre aux clients de commander ou d’acheter rapidement.

  • Les sections texto Général et d’images vous permettent d’ajouter différentes formes de contenu, pour lequel des options de personnalisation supplémentaires sont offertes.

  • La plupart des autres sections vous permettent d’ajouter une image d’arrière-plan.

Remarque : Vous pouvez également ajouter des images dans une section d’article et catégorie à Vente en ligne Square directement dans l’éditeur de site.

Découvrez d’autres conseils pour la gestion des images d’arrière-plan et des autres types d’images pour votre site Vente en ligne Square.

Images sans arrière-plan p/r à images d’arrière-plan

Square-Online-Non-Background-vs-Background-Images-FR

Lorsque vous traitez des images dans l’éditeur de site, vous avez accès à ces deux principaux types d’images :

  • Images sans arrière-plan : Ces images font partie du contenu ajouté qui apparaît sur votre site, accompagné de texte. Elles sont généralement cliquables avec le bouton droit de la souris et peuvent être copiées ou ouvertes dans un nouvel onglet du navigateur. Vous pouvez également les considérer comme des images de premier plan.

  • Images d’arrière-plan : Ces images ne font pas partie du contenu principal qui apparaît sur votre site, mais se trouvent à l’arrière-plan (ou derrière) vos images et textes qui ne sont pas en arrière-plan. Elles peuvent être considérées comme faisant partie de la conception ou du style de votre site. Elles ne sont pas cliquables avec le bouton droit de la souris et ne peuvent être ni copiées ni ouvertes dans un nouvel onglet du navigateur.

Ajouter une section avec une option d’images à votre site

Square-Online-Add-Section-with-Image-Option-FR

Pour ajouter une image à votre site, la première étape consiste à ouvrir votre Éditeur de site Vente en ligne Square et à choisir ou à créer une page à laquelle vous souhaitez ajouter des images. Ensuite, sélectionnez +Ajouter > Section pour ouvrir le menu des sections.

La plupart des sections de la catégorie « Organiser » comportent une image de premier plan. Sélectionnez une section pour voir comment elle s’affiche sur la page. Vous pouvez également choisir tout autre type de section et modifier l’image d’arrière-plan de celle-ci. Lorsque vous en trouvez une qui vous plaît, cliquez sur Ajouter pour l’insérer dans la page.

Ajouter une image à votre section

Square-Online-Image-Asset-Manager-in-Editor-FR

Pour ajouter des images à votre section :

  • Images sans arrière-plan : Sous l’option image du volet d’édition, sélectionnez Ajouter une image.

  • Images 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.

La fenêtre contextuelle du gestionnaire d’images s’ouvrira dès que vous sélectionnez l’une ou l’autre de ces options afin que vous puissiez sélectionner ou téléverser vos images.

Découvrir le gestionnaire d’images

Différentes options s’offrent à vous pour ajouter une image à partir de la fenêtre contextuelle du gestionnaire d’images :

  • Sélectionnez Mes images pour voir toutes les images générales téléversées sur les sites Web de votre compte Square. Si vous avez plus d’un site, utilisez le menu déroulant Site pour alterner d’un site à l’autre.
  • Sélectionnez Mes logos pour voir toutes les images de logo téléversées sur les sites Web de votre compte Square. Si vous avez plus d’un site, utilisez le menu déroulant Site pour alterner d’un site à l’autre.
  • Sélectionnez Photos libres de droits pour parcourir plusieurs photos libres de droits pouvant être utilisées sur votre site.
  • Sélectionnez Instagram pour connecter votre compte Instagram et utiliser des photos de votre profil sur votre site.

Types de fichiers d’images pris en charge

Pour téléverser une nouvelle image, accédez soit à Mes images ou à Mes logos dans le gestionnaire d’images, puis sélectionnez le lien à cet effet pour choisir un fichier sur votre appareil. Vous pouvez téléverser les types de fichiers d’image suivants :

  • JPG
  • PNG
  • GIF

Caractéristiques recommandées pour les images

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 sans arrière-plan :

  • La meilleure approche pour les images sans arrière-plan ajoutées à n’importe quelle page de votre site est d’utiliser des fichiers JPEG dont la taille ne dépasse pas 1 000 pixels sur leur 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 être un meilleur moyen de vous assurer que la qualité de vos images demeure intacte.

Images d’arrière-plan :

  • Pour les images faisant partie de la conception de votre site (p. ex. images d’en-tête, bannière et images d’arrière-plan), il est recommandé d’utiliser une image d’environ 2 000 pixels par 1 000 pixels. Ainsi, elle sera suffisamment grande pour que sa reproduction en pleine largeur soit belle sur pratiquement toutes les tailles d’écran.

Modifier les groupes de sections

Certaines mises en page vous permettent de copier des parties de la section, appelées Groupes, afin de pouvoir ajouter du contenu et des images sans devoir ajouter une autre section à la page. Sous « Groupe » dans le volet d’édition, vous verrez la liste des groupes de cette section.

Pour insérer un nouveau groupe texte et image affichant du texte par défaut, sélectionnez Ajouter un groupe. Pour copier un groupe existant, sélectionnez « … » > Dupliquer. Les nouveaux groupes ou groupes dupliqués apparaîtront dans la liste du volet d’édition. Vous pouvez réorganiser l’ordre des groupes qui s’affichent sur la page en faisant glisser un groupe vers un nouvel endroit dans la liste.

Modifier les images sans arrière-plan

Square-Online-Edit-Non-Background-Image-FR

Modifier les images sans arrière-plan

Pour modifier une image sans arrière-plan sur votre site Vente en ligne Square :

  1. À partir de votre éditeur de site Vente en ligne Square, accédez à la page contenant l’image que vous souhaitez modifier.
  2. Sélectionnez la section contenant l’image, puis sélectionnez l’image elle-même pour afficher les options de l’image dans le volet d’édition.
  3. Sélectionnez Modifier pour régler les options offertes si nécessaire. Si vous n’êtes pas satisfait des modifications, sélectionnez Revenir à l’original.
  4. Enregistrez vos modifications et Publiez votre site pour voir vos changements en direct.

Remarque : Selon la disposition de votre section, vous pouvez voir plus ou moins d’options de modification de l’image.

Remplacer et supprimer vos images sans arrière-plan

Pour téléverser une image différente, sélectionnez Remplacer dans le volet d’édition. Vous pouvez également sélectionner l’icône de la corbeille si vous souhaitez supprimer l’image. Si vous changez d’idée, utilisez la flèche d’annulation pour revenir en arrière d’une étape.

Ajouter des liens et du texte alternatif à vos images sans arrière-plan

Dans le volet d’édition, vous pouvez également ajouter un lien à l’image ou un texte alternatif pour améliorer le référencement et l’accessibilité au Web. Découvrez comment ajouter un lien à votre site et optimiser les pages de votre site Web pour le référencement.

Remarque : L’accessibilité du Web est un aspect important de la conception d’un site Web accessible au plus grand nombre de personnes possible, notamment celles souffrant de handicaps ou de déficiences. Apprenez-en plus sur l’accessibilité Web des sites Vente en ligne Square pour obtenir des conseils sur l’accessibilité des images.

Ajouter une protection par clic à droite aux images qui n’ont pas d’arrière-plan

Avec autant de solutions de contournement, il est pratiquement impossible de protéger totalement une image sur Internet. Vous avez la possibilité d’utiliser des pages protégées par mot de passe sur votre site Vente en ligne Square pour protéger votre contenu.

Vous pouvez également désactiver le clic droit sur votre site dans certains navigateurs afin d’empêcher les gens de copier facilement vos photos. Gardez à l’esprit que cette mesure n’offre pas une protection totale, mais qu’elle contribue à ralentir certaines tentatives. Pour désactiver le clic droit sur votre site, veuillez suivre les étapes ci-dessous :

  1. À partir de votre page Aperçu de Vente en ligne Square, accédez à Paramètres > Outils de suivi.
  2. Sélectionnez Ajouter un nouveau code.
  3. Dans la fenêtre contextuelle, entrez le nom du code et le code lui-même dans les champs correspondants (voir le code ci-dessous).
  4. Placez le code dans le pied de page en sélectionnant Fin du corps.
  5. Sélectionnez Enregistrer.
  6. Publiez votre site à partir de l’éditeur de site Vente en ligne Square pour voir les modifications en direct.

Code : <body oncontextmenu=”return false;”>

Au lieu de protéger les images ainsi, de nombreuses personnes qui ont des images en ligne (p. ex. les photographes) choisissent d’utiliser des programmes graphiques pour ajouter un filigrane ou un tampon sur la version en ligne de leurs photos. Bien que cela n’empêche pas le vol de la photo, cela la protège contre une utilisation malveillante puisque, dans la plupart des cas, le filigrane rend la photo inutilisable.

Modifier les images d’arrière-plan

Square-Online-Edit-Background-Image-FR

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 aura une couleur plus foncée par défaut, et les images foncées peuvent devenir plus sombres là où le texte aura une couleur plus claire par défaut. Pour régler la lisibilité d’une section de votre site Vente en ligne Square :

  1. Dans l’éditeur de site Vente en ligne Square, accédez à la page contenant l’image d’arrière-plan que vous souhaitez régler.
  2. Sélectionnez la section contenant l’image et accédez à Personnaliser > Arrière-plan dans le volet d’édition.
  3. Sélectionnez Modifier et réglez la lisibilité de l’image en déplaçant le curseur.
  4. Enregistrez vos modifications et Publiez votre site pour voir vos changements en direct.

Vous pouvez également zoomer et redresser l’image d’arrière-plan selon l’apparence souhaitée.

Remplacer et supprimer les images d’arrière-plan

Pour téléverser une image différente, sélectionnez « … » > Remplacer dans le volet d’édition. Vous pouvez également sélectionner l’icône de la corbeille si vous souhaitez supprimer l’image. Si vous changez d’idée, utilisez la flèche d’annulation pour revenir en arrière d’une étape.

Transformer les images d’arrière-plan en fond coloré

Pour remplacer les images d’arrière-plan de votre section par un fond coloré dans Vente en ligne Square :

  1. Dans l’éditeur de site Vente en ligne Square, accédez à la page contenant l’image d’arrière-plan que vous souhaitez régler.
  2. Sélectionnez la section contenant l’image et accédez à Personnaliser > Arrière-plan dans le volet d’édition.
  3. Dans le menu déroulant, choisissez soit votre Couleur choisie pour la remplacer par la couleur de votre site ou Couleur personnalisée pour la remplacer par une autre couleur.

Obtenez plus d’information sur la façon de choisir les couleurs de votre site Vente en ligne Square.

Options d’images pour les sites adaptés aux appareils mobiles

Bien que la version mobile de votre site Web ne puisse pas être modifiée séparément de la version pour ordinateur, vous disposez d’options d’images propres à la version de votre site Web pour appareils mobiles, destinées à garantir la qualité de vos images sur les écrans de toutes les tailles. Voici ces options :

Régler le point focal de l’image d’arrière-plan 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. Pour commencer :

  1. Dans l’éditeur de site Vente en ligne Square, accédez à la page contenant l’image d’arrière-plan que vous souhaitez configurer pour un appareil mobile.
  2. Sélectionnez la section contenant l’image et accédez à Personnaliser > Arrière-plan dans le volet d’édition.
  3. Sélectionnez « … » > Configurer le sujet de l’image.
  4. 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.
  5. Sélectionnez Enregistrer lorsque vous avez terminé. Vous pouvez vérifier le site mobile avec cette modification en passant à la vue mobile. Réglez-le à nouveau dans la vue de bureau si nécessaire.
  6. Publiez votre site pour voir vos changements en direct.

Dépannage

Si vous avez téléversé 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, assurez-vous que chaque image porte un nom de fichier unique avant de la téléverser dans l’éditeur de site.

Si vous rencontrez ce genre de problème, suivez les étapes suivantes pour le solutionner :

  1. À partir de votre Éditeur de site Vente en ligne Square , supprimez toutes les images qui ne s’affichent pas correctement.

  2. Sur votre ordinateur ou autre appareil, assurez-vous que vos fichiers d’images ont tous un nom unique.

  3. Dans l’éditeur de site, téléversez à nouveau les images sur votre site Web.

  4. Publier votre site Web pour voir les changements en direct.

Vous ne trouvez pas ce que vous cherchez?