Comment insérer et modifier une image sur SiteBuilder Pro?

Procédure

Pourquoi insérer des images sur votre site internet ?

Tout comme les boutons permettant de mettre en place des appels à l'action, l'ajout d'images sur votre site internet permet de le rendre plus attractif. Cependant, il est à noter que les images peuvent être lourdes. Il est de ce fait nécessaire de réduire le poids de ces dernières avant de les ajouter à votre site. En effet, si les images sont trop lourdes et/ou trop grande, l'affichage de votre site internet risquerait d'être ralenti. Nous vous invitons à consulter la documentation suivante pour optimiser le poids de vos images : https://aide.lws.fr/base/Boite-a-outil/Outils-Marketing-Referencement--web/Comment-optimiser-les-images-pour-son-site-Web

Comment insérer une image sur SiteBuilder Pro ? 

1. Connectez-vous en premier lieu à votre Interface SiteBuilder Pro.

2. Cliquez sur "Image" se trouvant dans la barre d'outils en haut de page de votre interface. 

Comment insérer et modifier une image sur SiteBuilder Pro?

3. Choisissez le style d'encadré souhaité pour votre image en cliquant dessus.

Comment insérer et modifier une image sur SiteBuilder Pro?

4. Cliquez sur "Envoyer une nouvelle Image" si vous désirez charger une image se trouvant sur votre ordinateur. Choisissez votre image et cliquez sur "Ouvrir".

Comment insérer et modifier une image sur SiteBuilder Pro?

5. Cliquez sur l'image souhaitée afin de sélectionner celle souhaitée sur votre galerie de média. Cliquez enfin sur le bouton "Sélectionner".

Comment insérer et modifier une image sur SiteBuilder Pro?

Comment modifier une image sur SiteBuilder Pro ? 

1. Vous pouvez modifier l'image en sélectionnant cette dernière puis en cliquant sur le stylet. Cliquez enfin sur "Changer l'image".

Comment insérer et modifier une image sur SiteBuilder Pro?

2. Sélectionnez une autre image et cliquez sur le bouton "Sélectionner" afin de sauvegarde votre demande. 

Comment insérer et modifier une image sur SiteBuilder Pro?

3. Vous avez la possibilité de supprimer l'image en cliquez sur le stylet se trouvant au-dessus de cette dernière puis sur "Supprimer". 

Comment insérer et modifier une image sur SiteBuilder Pro?

Comment configurer votre image sur SiteBuilder ? 

La colonne de droite de SiteBuilder vous permet de modifier certains paramètres de votre image. 

  • Général : Vous pouvez modifier l'opacité de votre image et le texte alternatif. Le texte alternatif est le texte qui sera affiché au passage de la souris sur votre image.

Comment insérer et modifier une image sur SiteBuilder Pro?

  • Image : Cette rubrique vous permet aussi de modifier l'image. Pour cela, il vous suffit de cliquer sur le stylet se trouvant en haut à droite de cette image. Vous avez aussi la possibilité d'ajouter une bordure et arrondir les coins de votre image

Comment insérer et modifier une image sur SiteBuilder Pro?

  • Lien : Permet de mettre un lien cliquable sur l'image vers un autre emplacement ou demander l'agrandissement de la photo dès que l'on clique dessus

Comment insérer et modifier une image sur SiteBuilder Pro?

  • Taille : Permet de modifier la taille de votre image. 

Comment insérer et modifier une image sur SiteBuilder Pro?

Conclusion

Vous savez maintenant comment :

  • Rendre votre site plus attractif en intégrant des images optimisées pour ne pas ralentir l'affichage 🖼️.
  • Insérer et configurer une image sur SiteBuilder Pro, en choisissant le style et en la chargeant depuis votre ordinateur 🛠️.
  • Modifier une image existante ou en ajouter une nouvelle, ainsi que la supprimer si nécessaire ✂️.
  • Personnaliser les paramètres de vos images, tels que l'opacité, le texte alternatif, la bordure, les coins arrondis, et même ajouter des liens cliquables ou agrandir la photo au clic 🔗.

En appliquant ces étapes simples, vous pouvez améliorer considérablement l'expérience utilisateur sur votre site et le rendre plus dynamique et interactif. Merci d’avoir lu cet article, et n'hésitez pas à partager vos impressions ou à poser des questions en laissant un commentaire ci-dessous. Votre feedback est précieux pour nous aider à améliorer nos services 😊👇.

Notez cet article

5 / 5
1 avis


Vous avez noté 0 étoile(s)

Cet article vous a-t-il été utile ?

Merci !

N'hésitez pas à commenter nos pages afin de nous aider à les améliorer si besoin.

Vous souhaitez nous laisser un commentaire concernant cet article ?

Si cela concerne une erreur dans la documentation ou un manque d'informations, n'hésitez pas à nous en faire part depuis le formulaire.






Pour toutes questions non liées à cette documentation ou problèmes techniques sur l'un de vos services, cliquez ici si vous souhaitez contacter le support commercial ou le support technique