Que vous prépariez une présentation PowerPoint, que vous ajoutez une page sur votre site internet ou que vous rédigiez un article pour votre blog, vous aurez besoin d’images pour illustrer ce que vous dites avec votre texte.

L’option la plus simple est d’aller acheter votre image sur l’un des grand sites d’images, comme iStock Photo ou Shutterstock. Bien sûr, cela coûtera de l’argent, que vous ne voulez pas toujours dépenser si vous êtes une petite entreprise.

L’idée de cet article est de vous donner un aperçu des différentes options disponibles pour trouver les images dont vous avez besoin. Et plutôt que de juste énumérer quelques liens, nous allons également tester leur utilité avec un besoin d’image de la vie réelle.

Alors, voici le défi: nous avons besoin d’une image d’un camion sur la route.

L’un de nos clients est dans le commerce de camions, donc cela reflète un besoin réaliste. Il est très clair à comprendre et en même temps assez précis pour donner du sens à cet exercice. Pour définir l’exigence un peu plus, disons que nous avons besoin que le camion soit d’apparence européenne et que l’image le montre en conduite sur la route, idéalement sur l’autoroute.

Pour ceux qui pensent « trop ​​long à lire, donne-moi les liens maintenant! », voici un résumé des options, classé du le plus au moins cher.

  1. Banque d’images de qualité: Shutterstock
  2. Autres options de banque d’images: 123RF, Fotalia
  3. Image trouvée sur le site Flickr
  4. Banques d’images totalement gratuites: Pixabay, Pexels
  5. Photo originale prise avec un smartphone

REMARQUE: Aller sur Google Images et voler une image de quelqu’un d’autre sans en avoir les droits n’est PAS une option, bien qu’il soit absolument autorisé à faire des recherches pour s’inspirer.

Option 1: Shutterstock

Shutterstock n’est pas la seule banque d’images qui existe, mais c’est celle que j’ai tendance à utiliser pour des projets clients. Ils ont un excellent choix d’images et d’éléments graphiques de qualité. Quand j’ai besoin de beaucoup d’images pour un projet, je prends une offre mensuelle pour 350 images à 160€, ce qui est un très bon rapport qualité/prix, mais si vous avez seulement besoin de quelques images, vous pouvez payer 49€ pour 5 images sans délai limite ou 49€ pour 10 images à télécharger dans les 30 jours. Si vous avez besoin de 10 images, cette deuxième option est raisonnable compte tenu de la qualité et du choix des images. Avec cette offre, vous recevez l’image en haute résolution, dans le cas où vous en avez besoin pour un projet d’impression.

Commençons donc par notre image de Shutterstock, qui va aussi servir d’image de référence pour les autres options.

 

Comme vous pouvez le voir, l’avantage est que vous obtenez une image «parfaite»: le camion est tout neuf, il n’a pas de marque, la route est neuve, il n’y a pas de circulation et le ciel est bleu avec juste la bonne quantité de des nuages. Pour certains besoins, ça pourrait être « parfait », pour d’autres, ça peut paraître trop artificiel.

C’est l’occasion de noter qu’il y a une tendance d’utiliser des images plus authentiques car l’authenticité est devenue un atout pour une entreprise et les images de banques d’images sont devenues tellement utilisées que le consommateur ne réagit plus quand il les voit.

Regardez cette famille par exemple, n’est-elle pas trop parfaite?

Ils sont heureux parce qu’ils utilisent un super _________ (insérer selon les besoins – dentifrice, compte bancaire, assurance, chaîne de bricolage, voiture familiale, lessive, etc.).

Option 2: Fotalia / 123RF

Fotalia et 123RF offrent un accès légèrement moins cher, vous permettant d’acheter des crédits que vous pouvez utiliser pour acheter des images à différentes tailles. Fotalia demande 11,20€ et 123RF 13€ pour 10 crédits.Vous voyez ci-dessous le résultat de la recherche sur ces sites. Dans l’ensemble, la qualité est plus faible, le choix est moindre, mais le prix est plus abordable (3,50€ chez Fotalia et 2,60€ à 123RF).

Option 3: Flickr

Flickr est une photo-communauté massive et de nombreuses images sont accessibles sur ce qu’on appelle la licence « creative commons ». Cela signifie que vous devez attribuer l’image à l’auteur lorsque vous l’utilisez. Pour une utilisation commerciale il existe d’autres types de licences. Voici un lien qui explique les différents types de licence.

Pour commencer, les options de recherche sur Flickr vous permettent de filtrer les résultats en fonction du type de licence. Par contre, les résultats de Flickr sont très différents selon la langue qu’on utilise car les utilisateurs donnent des titres et des tags à leurs images dans leur propre langue. Ainsi, une recherche avec le mot camion an anglais «truck» affiche des images principalement américaines, tandis que le mot français «camion» (ou «LKW» allemand) donne des résultats plus européens.

L’autre option que vous avez dans Flickr est de changer la liste résultats de recherche entre « pertinent » et « intéressant » en haut à droite, ce qui pourrait vous donner quelques nouvelles options intéressantes. Pour cet exercice, j’ai trouvé mes images avec recherche du mot « camion ». Vous pouvez constater que les résultats sont un peu différents de l’image de référence. Ils sont également plus authentiques, et c’est certainement le point fort de cette option.

Image CC « A61 Soir de mai » de Yannick Gar sur Flickr

Image CC « audi A4 » de Pittou2 sur Flickr

 

Option 4: Pixabay

Pixabay fait partie d’une categorie relativement nouvelle de sites, qui offrent de belles images de grande taille à télécharger sans aucune restriction de droits d’utilisation. Bien que ce soit une excellente source pour trouver des images, le choix est relativement restreint par rapport aux sites commerciaux, surtout lorsqu’il s’agit de sujets de niche. D’autre part, cela pourrait vous inspirer à réfléchir différemment à propos de vos besoins d’image.

Sur une douzaine de sites dans cette catégorie, j’ai tendance à aussi consulter Pexels et Unsplash, parfois juste pour les belles photos… et vous ne devriez pas être surpris de revoir certaines des images partout sur le web, car ces sites sont fréquemment utilisés par les développeurs de thèmes WordPress et des agences créatives. En tant que référence, le site thestocks.im offre une bonne liste de ces sites.

Option 5: Smartphone

Je vis près d’une autoroute où il y a beaucoup de passage de camions, alors trouver des camions n’était pas trop difficile.De plus, il fallait trouver un endroit assez proche de la route pour avoir une bonne vue. Je trouve que le résultat est assez raisonnable, même si j’avoue avoir retravaillé l’image un peu dans Photoshop pour rendre les couleurs en peu plus vives. Il aura quand même fallu au moins 45 minutes d’investissement en temps pour avoir ces images, ce qui est seulement concevable si vous avez besoin d’une image bien particulière.

Et le gagnant est….?

Eh bien, il n’y a pas vraiment de gagnant. Chaque option a son mérite car le besoin de chaque projet est différent. Les décisions peuvent être faites en fonction du style, du prix, des couleurs ou du goût individuel. L’objectif c’est de vous donner un point de départ pour votre recherche et de vous permettre d’apprécier les différences entre les options gratuites et payantes.

Bonne chance avec vos recherches!

Vous avez lu l’avertissement: Cette page contient beaucoup trop de Pop-ups, 13 au total pour être exact.

Au moins ici vous êtes un averti, contrairement à beaucoup d’autres pages, où ils vous harcèlent avec des offres ou demandes à peine d’être arrivé.

Ce comportement ennuyeux est précisément la raison d’écrire cet article. Un Pop-up est un outil puissant pour obtenir l’attention d’un visiteur, mais si leur mise en œuvre est mal pensée, ils chassent les gens au lieu de les attirer.

Avant de plonger dans les détails, voici un bref résumé pour ceux qui sont pressés:

Cet article explore comment utiliser l’extension Pop-up ConvertPlug pour WordPress, que vous pouvez trouver sur CodeCanyon. Cette extension vous permet de positionner des fenêtres Pop-up de toutes formes et tailles à peu près partout sur une page Web. La fonctionnalité particulièrement intéressante est le mécanisme de déclenchement, qui vous permet d’afficher votre fenêtre soit basé sur une minuterie, soit quand l’utilisateur va scroller jusqu’à une certaine partie de la page ou quand un utilisateur veut quitter la page. Cela vous permet d’afficher des messages à des moments où vos utilisateurs sont les plus susceptibles de répondre.

L’extension est livrée avec un tableau analytique qui permet de voir la performance de chaque Pop-up. Parmi les fonctionnalités supplémentaires on trouve des moyens pour cibler différents types de comportements, comme par exemple la détection de nouveaux visiteurs et des connexions à partir d’appareils mobiles.

 

C’est la fête aux Pop-ups !

Cet article est une suite logique de l’article précédent sur les extensions de formulaire. Un formulaire est généralement accédé par utilisateur lui-même, un Pop-up est un outil plus interactif qui peut déclencher une décision en attirant l’attention à un certain moment.

Pour avoir le meilleur de ce type d’outil, il faut passer du temps pour comprendre les comportements d’un utilisateur lors de la visite de votre site et son état d’esprit dans différentes situations. Le marketing utilise l’expression « l’engagement des utilisateurs », qui se défini à peu près comme ça :

 

L’engagement de l’utilisateur est une évaluation de la réponse d’un individu à un type d’offre, comme un produit, un service ou un site Web. Le degré d’engagement d’un individu peut être déterminé directement par l’interaction ou peut être évalué par l’observation des comportements de l’utilisateur. Un utilisateur du site Web, par exemple, peut cliquer sur les liens, commenter, télécharger des documents et regarder des vidéos.

 

Le problème avec cette définition est que la partie la plus importante n’est pas incluse, celle qu’on pourra appeler l’engagement initial. L’engagement initial comprend les premiers moments passés sur une page web à lire le contenu. Le problème est bien sûr que ce moment est difficile à mesurer car il n’y a pas d’action claire qui indique si le contenu me plait ou non.

En même temps, ce point est absolument crucial: Dans les 60 prochaines secondes, je vais inconsciemment former mon opinion sur le contenu et le site dans son ensemble. En tant que nouveau visiteur, je suis également un peu incertain et doit d’abord me repérer dans ce nouvel environnement. C’est une phase délicate où toute impression négative me fait cliquer pour partir. C’est donc pas vraiment le bon moment pour me demander de m’engager à quoi que ce soit, mais vous trouvez ce comportement encore souvent. C’est exactement ce qui vient d’arriver sur le site anglais où j’ai trouvé la définition ci-dessus. Le seul effet que cette information m’a fait c’est de penser que c’est du spam.

La solution pour éviter cette réaction est simple : Laissez votre contenu faire son travail, il est là pour ça. Comme dans toute autre relation, il faut d’abord se connaître avant d’aller plus loin.

Dans cet esprit, passons à l’explication du choix de ConvertPlug parmi d’autres options. Il existe bien sûr des extensions gratuites telles que Popup Builder et Popup Maker. Ces extensions manquent en options pour contrôler le moment d’affichage d’une fenêtre et du coup ils font plutôt partie du problème, et pas de la solution. Parmi les extensions payantes sur CodeCanyon, ConvertPlug est dans le top 3 des best-sellers dans la catégorie extensions Pop-up WordPress derrière Ninja Popups et Layered Popups. Ces 2 autres sont aussi bien fournies, mais ConvertPlug m’a converti car ils semblent avoir bien réfléchi sur les points de déclenchement et les moyens de ciblage. Vous pouvez facilement évaluer les différentes solutions vous-même en allant sur leurs sites démo.

 

OK, où sont les Pop-ups !

Commençons par une sélection des formats disponibles:
(A noter: Les Popups « info » en haut et en bas ne fonctionnent qu’une fois par défaut. Il faut rafraîchir la page pour les revoir)

 

Popup Modal

Info – haut

Slide-in gauche

Full screen

Info – bas

Slide-in droite

Ensuite, nous avons les formats dits « collants », qui laissent un rappel lorsque vous les fermez. (Remarque: Une fois activées, elles restent dans un état actif constant, donc aucun autre Pop-up peut être ouvert. Rafraîchissez la page pour voir l’un après l’autre…)

Sticky Popup gauche

Sticky Popup droite

 

Bien que ce ne soit pas strictement un Pop-up, vous pouvez également placer des messages à l’intérieur ou à la fin du contenu:

 

 

Comme vous pouvez le voir, pop-ups peuvent être utilisés pour attirer l’attention sur toutes sortes de messages: Offres promotionnelles, autres contenus intéressants, partage social, inscription à la newsletter, demande de contact ou documentation de support.

 

Encore plus de Popups

Maintenant testons les différents déclencheurs:

Intention de départ:  Essayez de fermer la page ou d’ouvrir un nouvel onglet de navigateur pour le voir en action.

Déclencheur action souris: Vous définissez simplement un endroit sur la page et le Popup est lancé lorsque l’utilisateur atteint ce point. Le déclencheur provoque des conflits avec les autres Pop-up, nous devons donc le tester sur une page séparée ici:

Déclenchement temporisé: attendez 5 secondes pour voir apparaître le popup temporisé. Vous pouvez les voir en action sur cette page de test:

 

Autres fonctionnalités

  

Pour compléter cette présentation, voici quelques autres fonctionnalités vraiment utiles:

  • Le panneau d’analyse intégré qui permet de suivre les performances de vos Pop-ups. ConvertPlug vous permet de tester différentes variantes de la même Pop-up en mode test A / B pour trouver optimiser leur efficacité.
  • Vous disposez également d’un paramètre de contrôle des cookies qui vous permet de masquer les Pop-ups qu’un utilisateur a déjà vu ou cliqués.

Pour d’autres fonctionnalités plus pointues, le site de ConvertPlug peut vous informer. Pour conclure, il y a juste assez de temps pour un dernier Pop-up: Une petite vidéo…

L’agence KAARMA aide les petites entreprises en croissance à se présenter professionnellement en ligne et dans le monde réel. N’hésitez pas à nous contacter si vous avez besoin d’aide pour la conception ou la fonctionnalité de votre site WordPress ou si vous avez d’autres besoins en communication.

Inscrivez-vous à notre newsletter ci-dessous si vous souhaitez rester au courant des sujets de communication que nous couvrons.

post_img_1

Il y a eu quelques projets récemment, où nous avons ajouté certaines fonctionnalités à des sites internet en utilisant ce qu’on appelle une extension de formulaires. Ce type d’extension vous permet de créer toutes sortes de formulaires pour recueillir des données auprès de vos visiteurs.

Pas le temps de lire tout l’article ? Consultez tous les exemples de formulaires ici:

 

contact_us_en register_img_en newsletter_en
apply_en rate_en win_en

 

L’exemple de formulaire le plus commun est celui que vous utilisez probablement déjà: le formulaire de contact. Le visiteur remplit quelques champs d’information et le contenu du formulaire vous est envoyé par email. Avant d’examiner les autres utilisations de formulaires, voici d’abord un petit aperçu des différentes solutions d’extensions WordPress qui existent que l’on peut trouver.

Avec Contact Form 7, Formidable Forms et Ninja Forms, il existe des options gratuites. Contact Form 7 a été l’un des premiers. On peut faire pas mal de choses avec, mais l’interface utilisateur est un peu compliquée à utiliser parce qu’elle n’a pas beaucoup évoluée depuis un moment. Les deux autres ne sont pas vraiment gratuits, car ils offrent que des fonctions assez basiques dans leurs versions gratuites. Pour avoir des formulaires plus intéressants et utiles ça devient payant. Formidable Forms coûte $ 49 par an et Ninja est à  $ 99 par an pour un seul site. Si ça ne vous gêne pas de payer des frais de license annuels, ou si vous avez besoin de fonctionnalités spécifiques pour le e-commerce, Gravity Forms est une option bien établie à 39 $ par an. (Tous les prix sont valables au moment de la rédaction de cet article)

Personnellement, j’essaie d’éviter les frais récurrents pour nous et nos clients, surtout parce qu’ils peuvent rapidement s’accumuler si vous avez besoin d’ajouter plusieurs fonctionnalités différentes à votre site. Heureusement, vous pouvez trouver quelques très bonnes alternatives créés par des développeurs indépendants sur CodeCanyon, où vous payez les droits de license qu’une seule fois à l’achat du plugin. Dans leur liste des extensions de formulaires les plus vendus, j’ai regardé de plus près Quform et FormCraft et j’ai fini par choisir FormCraft comme favori parce que son interface d’utilisation est moderne et bien conçue et les formulaires ont un bon design contemporain. Cet outil est disponible à 39 $, que vous ne payez qu’une seule fois.

 

Alors, passons à la partie intéressante, l’utilisation de cet outil.

Que pouvez-vous faire avec cette extension que vous ne pouvez pas faire avec un outil gratuit?
Tout d’abord, cela vous fera gagner du temps précieux car l’interface utilisateur bien structurée facilitera la création et l’édition de vos formulaires. En termes de fonctionnalité, vous serez en mesure de construire des formulaires ‘agréables’, qui peuvent intégrer des logiques plus ou moins complexes où certains éléments sont visibles selon leur nécessité. Cela permet de garder vos formulaires courts au départ, ce qui augmente la volonté des visiteurs de les compléter.
De plus, vous avez toutes sortes d’options pour ajouter des couleurs, des polices, votre logo, des images et des icônes.
Commençons par un formulaire de contact. Si vous êtes une agence de communication comme nous, vous pouvez demander des renseignements supplémentaires dans votre formulaire pour mieux qualifier les demandes d’information lors du premier point de contact. Dans notre cas, cela nous permet de répondre plus rapidement et mieux aux demandes des clients.

A NOTER: tous les formulaires ci-dessous sont uniquement des démos et aucune donnée n’est enregistrée.

Exemple 1: Formulaire de contact

contact_us_en

 

Ensuite, vous pouvez utiliser un formulaire pour permettre à vos visiteurs de s’inscrire facilement à un événement. Nous avons mis ce type de solution en place pour plusieurs clients qui offrent des séminaires. Cet exemple démontre qu’il est également possible de faire des calculs dans un formulaire pour ajouter des options à un prix de base. En combinaison avec une autre extension de FormCraft, vous pouvez même ajouter le paiement par carte directement dans le formulaire (non-inclus dans cette démo).

 

Exemple 2: Inscription

register_img_en

 

Si vous avez une newsletter, vous pouvez également lui créer un formulaire d’inscription. Cette fois-ci, le formulaire est incorporé directement dans la page.

Exemple 3: Newsletter

""
1

Formulaire démo - aucune donnée est envoyée

Nom
Email
Previous
Next

 

Si vous avez des postes à pourvoir, vous pouvez facilement créer un formulaire adapté pour chaque poste, où les candidats peuvent télécharger leurs documents directement sur votre site.

 

Exemple 4: Candidature

apply_en

 

Vous voulez d’autres idées pour utiliser des formulaires? Voici 2 autres:

Vous pouvez adapter un formulaire pour en faire un quiz, vous permettant ainsi d’exécuter un concours sur votre site.

Exemple 5: Concours

win_en

Vous pouvez également concevoir un formulaire simple pour réaliser une enquête de satisfaction client sans avoir recours à d’autres services tiers. Ce genre d’approche fonctionnera bien si le volume des réponses ne dépasse pas la centaine. Au-delà, il vaut mieux d’utiliser un service dédié comme Survey Monkey.

Exemple 6: Enquête de satisfaction

rate_en

 

Comme vous pouvez le voir, une extension de formulaire tel que FormCraft peut être un outil très polyvalent pour augmenter l’interactivité de votre site. Pour certaines situations où vous devez obtenir l’attention d’un visiteur, un formulaire fonctionne mieux quand il est utilisé avec un PopUp qui fait apparaître le formulaire à un certain moment. Cette option sera abordée dans un prochain article.

L’agence KAARMA aide les petites entreprises en croissance à se présenter professionnellement en ligne et dans le monde réel. N’hésitez pas à nous contacter si vous avez besoin d’aide pour la conception ou la fonctionnalité de votre site WordPress ou si vous avez d’autres besoins en communication.

Inscrivez-vous à notre newsletter ci-dessous si vous souhaitez rester au courant des sujets de communication que nous couvrons.