EverWeb convient très bien à un portfolio : vous placez vos œuvres exactement où vous le souhaitez, les galeries ouvrent chaque image en grand sur la même page (une "lightbox"), et vous choisissez l'arrière-plan derrière elle. Vous pouvez aussi garder des galeries privées pour vos clients et vendre des tirages. Dans EverWeb 4.6 et versions ultérieures, un formulaire de contact peut aussi encaisser des acomptes pour des séances et des commandes de tirages, et recueillir des autorisations de droit à l'image signées. Voici comment tout mettre en place.
Les pages à créer
| Page | Ce qu'on y met | À utiliser dans EverWeb |
|---|---|---|
| Accueil | Une image forte ou un court diaporama, votre nom, ce que vous faites | Une image en pleine largeur, ou le widget Curseur d'images ou Carrousel |
| Travaux | Une page par série ou par sujet | Galerie d'images réactives, dans un répertoire |
| À propos | Biographie, démarche, photo de vous | Du texte et une image |
| Actualités ou Expositions | Expositions, publications, nouveaux travaux | Le blog d'EverWeb |
| Tirages ou Boutique | Ce que vous vendez | Un widget de paiement, un formulaire de contact avec paiements (4.6), ou un lien vers votre boutique |
| Réservation ou Contact | Demandes, commandes, réservations de séances | Formulaire de contact avancé |
| Clients (privé) | Galeries d'épreuves ou de livraison | Simple Password ou Membership Sites |
Astuce pour le menu : cliquez sur Ajouter un répertoire et nommez-le Travaux, puis placez chaque page de galerie à l'intérieur. Le répertoire apparaît dans votre menu de navigation, avec vos galeries listées en dessous.
Galeries
Sur une page Adaptatif, faites glisser le widget Galerie d'images réactives depuis l'onglet Widgets et ajoutez vos images. Dans Inspecteur > Réglages des widgets :
- Style définit la disposition des miniatures : Masonry (mosaïque) conserve la forme de chaque image, Cover (couvrir) crée une grille nette de vignettes identiques. Colonnes max. définit leur nombre par rangée.
- Chaque image a une Légende et un Texte ALT de l'image. Utilisez le texte alternatif pour décrire l'image : il aide les visiteurs qui utilisent un lecteur d'écran, ainsi que Google Images.
- Cliquez pour ouvrir le diaporama ouvre la lightbox. Réglez la Couleur d'arrière-plan du diaporama sur blanc ou noir pour un rendu épuré, et choisissez d'afficher ou non les miniatures, les flèches et le compteur d'images.
- Décochez Afficher le bouton de téléchargement et Afficher le bouton de partage social si vous ne voulez pas de ces boutons sur vos œuvres.
Sur une page à largeur fixe en Mise en page centrée, utilisez plutôt le widget Galerie d'images. Vous venez d'iWeb ou de Sandvox ? Vous pouvez importer vos galeries avec Fichier > Importer > iWeb Photo Gallery From File... ou Sandvox Photo Gallery From URL... (galerie photo iWeb depuis un fichier, galerie photo Sandvox depuis une URL). Pour en savoir plus sur les lightbox, consultez Comment ouvrir une fenêtre popup ou agrandir une photo quand on clique dessus ?. Pour d'autres façons de présenter votre travail, consultez Photographes : présentez vos photos sous leur meilleur jour sans ralentir votre site Web.
Des grandes images, bien gérées
Les fichiers volumineux ralentissent les pages, et ils remplissent votre espace d'hébergement, qui est partagé avec votre messagerie.
- Exportez d'abord pour le Web. Redimensionnez vos images dans votre application photo avant de les ajouter à EverWeb. Visez moins de 500 Ko par image quand c'est possible.
- Essayez Exporter des images optimisées dans Fichier > Modifier les paramètres de publication. EverWeb publie alors des copies WebP plus légères. Les couleurs peuvent changer très légèrement : comparez donc quelques-unes de vos images avant de laisser l'option activée.
- Cochez Image de chargement différé dans Inspecteur > Options de forme pour les images situées plus bas dans les longues pages, afin qu'elles se chargent au fil du défilement.
- Gardez la liste des composants en ordre. Pour remplacer une photo partout où elle est utilisée, utilisez Remplacer l'actif.... Pour réduire la taille de votre fichier de projet, utilisez Rechercher les composants non utilisés.... Consultez Remplacer une image ou un PDF partout à la fois, et faire le ménage dans les fichiers que vous n'utilisez plus (la liste Composants).
Protéger vos photos
Aucun site Web ne peut empêcher quelqu'un d'enregistrer une image qu'il voit à l'écran, et EverWeb n'a aucun réglage qui bloque le clic droit ou ajoute un filigrane. Ce qui aide : ajoutez un filigrane dans votre application photo avant d'ajouter vos images, publiez des copies à la taille du Web plutôt que des fichiers à la taille d'impression, et ajoutez une ligne de copyright sur vos pages. Consultez Protéger vos photos en ligne : filigranes, tailles d'image et mentions de copyright.
Galeries privées pour vos clients
| Simple Password | Membership Sites | |
|---|---|---|
| Idéal pour | Galeries d'épreuves, un identifiant par client ou par événement | Clients ou membres disposant de leur propre identifiant, ou accès payant |
| Nécessite | EverWeb + Hosting | EverWeb + Hosting, ou un autre hébergeur avec PHP |
| Coût | Inclus | Add-on séparé, avec une formule Starter gratuite |
Pour Simple Password, placez la galerie de chaque client dans son propre répertoire, puis allez dans Inspecteur > Paramètres de page > Protection par mot de passe > Simple Password et ajoutez un nom d'utilisateur et un mot de passe. Décochez Inclure la page dans le menu de navigation pour qu'elle n'apparaisse pas dans votre menu. Les images elles-mêmes ne sont pas protégées par mot de passe : toute personne qui connaît l'adresse directe d'une image peut l'ouvrir. Cela convient pour des épreuves, mais ne l'utilisez pas pour des images confidentielles. Toutes les étapes : Puis-je protéger mon site Web par un mot de passe ? Simple Password et Membership Sites et Pages réservées aux membres, connexions et abonnements payants : EverWeb Membership Sites. Pour permettre à vos clients de choisir leurs photos préférées, consultez Photographes : partagez des galeries privées avec vos clients et laissez-les choisir leurs photos préférées.
Vendre des tirages
- Quelques tirages que vous expédiez vous-même : ajoutez le Widget moderne de Paypal (PayPal Modern) ou le widget Paiement par Stripe à côté de chaque image. Les acheteurs paient sur la page de PayPal ou de Stripe. Pour les formats, utilisez Options avec prix dans PayPal Modern. Le prix d'une option s'ajoute au Prix principal : réglez donc le prix principal sur 0 si chaque format a son prix complet. Consultez Accepter des paiements sur votre site Web avec les widgets PayPal et Stripe.
- Tirages avec choix, formules ou bons cadeaux (EverWeb 4.6 et versions ultérieures) : un formulaire de contact avec paiements permet aux acheteurs de choisir la photo, le format, le papier et l'encadrement, de voir le total et de payer. Il nécessite l'add-on Contact Forms Enhanced. Consultez Photographes : vendez des tirages, des formules et des bons cadeaux depuis votre site Web.
- Imprimés et expédiés pour vous : vendez par l'intermédiaire d'un laboratoire d'impression, d'Etsy ou de Shopify, et reliez un bouton Acheter des tirages à votre boutique, ou collez leur code de bouton d'achat dans le widget Extrait HTML.
Dans tous les cas, ajoutez le cadenas (HTTPS) avant d'accepter des paiements : consultez Mon site indique « Non sécurisé » : comment passer votre site Web en HTTPS (SSL).
Nouveautés d'EverWeb 4.6
- Réservations de séances et acomptes. Un Formulaire de contact avancé peut demander le type de séance, la date et l'heure, et encaisser un acompte par carte ou PayPal (add-on Contact Forms Enhanced). Il ne vérifie pas votre agenda : confirmez donc chaque réservation par e-mail. Consultez Photographes : prenez des réservations de séances et des acomptes sur votre site Web.
- Autorisations de droit à l'image, contrats et questionnaires. Le champ Signature (add-on), avec une case à cocher Consent (consentement) et la date, permet de recueillir un formulaire signé. Vérifiez auprès de votre avocat ou de votre organisation professionnelle qu'une signature sur un formulaire Web suffit pour votre usage. Consultez Photographes : autorisations de droit à l'image, contrats et questionnaires clients en ligne.
- Fichiers de vos clients. Un champ File Upload (envoi de fichier, add-on) accepte des photos de référence ou un logo pour une séance. Consultez Créer un formulaire sur mesure : demandes de devis, inscriptions et envoi de fichiers.
- Des boutons assortis. Créez une seule fois un bouton Réserver une séance avec Styles de bouton dans Format > Styles du site.... Consultez Concevoir des boutons qui donnent envie de cliquer : couleurs, coins arrondis, ombres et effets de survol.
- Widget Flip Card. Une carte qui se retourne pour montrer son verso, par exemple une photo au recto et l'histoire qui l'accompagne au verso.
- Les composants en images. La liste des composants peut afficher vos images sous forme de galerie de miniatures, pour trouver plus vite la photo que vous cherchez.
Plus de ressources pour les photographes et les artistes
- Photographes : prenez des réservations de séances et des acomptes sur votre site Web
- Photographes : partagez des galeries privées avec vos clients et laissez-les choisir leurs photos préférées
- Photographes : autorisations de droit à l'image, contrats et questionnaires clients en ligne
- Photographes : présentez vos photos sous leur meilleur jour sans ralentir votre site Web
- Photographes : vendez des tirages, des formules et des bons cadeaux depuis votre site Web
- Protéger vos photos en ligne : filigranes, tailles d'image et mentions de copyright
- Créer un site Web pour vendre vos œuvres et accepter des commandes avec EverWeb
Liste de vérification avant de publier
- Chaque galerie s'ouvre dans la lightbox et s'affiche correctement sur un téléphone : cliquez sur Aperçu et choisissez Preview QR Code (code QR d'aperçu).
- Aucune image n'est plus grande que nécessaire.
- Les textes alternatifs et les légendes sont renseignés.
- Les galeries privées demandent un mot de passe sur le site Web publié (pas dans l'Aperçu), et ne figurent pas dans votre menu.
- Chaque bouton de paiement ou formulaire avec prix affiche le bon prix et la bonne devise, et un achat test fonctionne.
- Publiez avec Fichier > Publier le site entier.
Articles connexes
- Comment ouvrir une fenêtre popup ou agrandir une photo quand on clique dessus ?
- Remplacer une image ou un PDF partout à la fois, et faire le ménage dans les fichiers que vous n'utilisez plus (la liste Composants)
- Puis-je protéger mon site Web par un mot de passe ? Simple Password et Membership Sites
- Accepter des paiements sur votre site Web avec les widgets PayPal et Stripe
- Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone