{"id":14880,"date":"2018-07-23T10:00:07","date_gmt":"2018-07-23T09:00:07","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=14880"},"modified":"2026-07-09T10:43:09","modified_gmt":"2026-07-09T08:43:09","slug":"5-meilleurs-exemples-de-page-contact-pour-un-site-web","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/web-et-e-business\/5-meilleurs-exemples-de-page-contact-pour-un-site-web-2018-07-23","title":{"rendered":"5 meilleurs exemples de page \u00ab contact \u00bb pour un site web"},"content":{"rendered":"<p>La <strong>page de contact<\/strong> d&rsquo;un <strong>site web<\/strong> est aujourd&rsquo;hui encore trop souvent d\u00e9laiss\u00e9e, peu soign\u00e9e, voir vide ou trop charg\u00e9e. Pourtant son importance est grande.<br \/>\nQuand vous avez un rendez-vous professionnel, les premi\u00e8res secondes sont primordiales pour faire bonne impression, tout comme la mani\u00e8re de prendre cong\u00e9 \u00e0 la fin de l&rsquo;entrevue.<\/p>\n<p>Et bien vous serez peut-\u00eatre surpris, mais il en va de m\u00eame pour un <strong>site internet<\/strong>. La page d&rsquo;accueil est le premier \u00e9l\u00e9ment que voit l&rsquo;internaute, de ce fait elle doit \u00eatre bien construite. Pour autant, il ne faut pas oublier que la <strong>page contact<\/strong> est celle qui va peut-\u00eatre prolonger la visite par une demande d&rsquo;<strong>informations<\/strong>, de <strong>devis<\/strong> ou une <strong>commande<\/strong>.<\/p>\n<p>Si celle-ci n&rsquo;est pas ergonomique et attractive, pensez-vous r\u00e9ellement que l&rsquo;internaute ira au bout de sa d\u00e9marche ? Probablement pas ! Alors qu&rsquo;est-ce qui fait qu&rsquo;aujourd&rsquo;hui une page contact est r\u00e9ussie ? Nos r\u00e9ponses en images.<\/p>\n<h2>Page contact : quelle importance pour un site pro ?<\/h2>\n<p>Actuellement, les <strong>d\u00e9veloppeurs<\/strong> de sites internet, mettent la cr\u00e9ation de la page contact tout \u00e0 la fin de leur liste de t\u00e2ches. Ce n&rsquo;est pas une bonne chose, car en r\u00e9alit\u00e9 tout le monde devrait la placer en 2nd position dans son <strong>cahier des charges<\/strong>. On pourrait r\u00e9sumer son importance et sa place en deux petites phrases. \u00ab Bien se pr\u00e9senter pour donner envie de poursuivre. \u00bb (page d&rsquo;accueil, 1er \u00e9l\u00e9ment important du site), et \u00ab Bien finir, pour susciter un int\u00e9r\u00eat suppl\u00e9mentaire et \u00eatre contact\u00e9. \u00bb (page contact, 2nd \u00e9l\u00e9ment \u00e0 soigner imp\u00e9rativement).<\/p>\n<p>Alors, quels caract\u00e9ristiques pour une <strong>bonne page contact<\/strong> ? Voici notre check liste des principales bonnes pratiques.<\/p>\n<ul>\n<li>Bien entendu, on doit y retrouver les <strong>coordonn\u00e9es de contact<\/strong> de l&rsquo;<strong>entreprise<\/strong>. Il faut comprendre par l\u00e0, un e-mail, un t\u00e9l\u00e9phone, et pas seulement un <strong>formulaire de contact<\/strong> lambda.<\/li>\n<li>Le \u00ab formulaire de contact \u00bb, il est appr\u00e9ci\u00e9 et il est bien pratique. Oui, mais seulement \u00e0 quelques conditions. Pour l&rsquo;\u00eatre, il doit proposer des <strong>champs<\/strong> qui guident l&rsquo;utilisateur en toute <strong>simplicit\u00e9<\/strong> et lui laisse la possibilit\u00e9 de s&rsquo;exprimer librement. Le Must du formulaire de contact ? Une option permettant d&rsquo;ajouter une pi\u00e8ce jointe, tr\u00e8s utile dans de nombreuses situations. Encore un bon point que vous pouvez gagner afin d&rsquo;\u00e9viter que l&rsquo;<strong>internaute<\/strong> ne quitte la page d\u00e9courag\u00e9.<\/li>\n<\/ul>\n<p>Pour en apprendre plus sur les diff\u00e9rents formulaires de contact, par ici. <a title=\"Tout savoir sur le formulaire de contact\" href=\"https:\/\/wpmarmite.com\/formulaire-contact-wordpress\/\"> Plus d&rsquo;infos sur le formulaire de contact <\/a><\/p>\n<ul>\n<li>L&rsquo;<strong>appel \u00e0 l&rsquo;action<\/strong>, c&rsquo;est quoi ? Une excellente <strong>strat\u00e9gie marketing<\/strong> qui vous aide \u00e0 garder l&rsquo;internaute dans votre sillage, m\u00eame si ce dernier ne souhaite pas remplir le formulaire de contact tout de suite. Une chance suppl\u00e9mentaire de le pousser \u00e0 vous contacter un peu plus tard. Vous pouvez par exemple mettre en valeur le leadership de l&rsquo;entreprise et inclure des extraits d&rsquo;articles sous forme de liens cliquables, ou bien int\u00e9grer les boutons des <strong>r\u00e9seaux sociaux<\/strong> comme <strong>Facebook, Twitter<\/strong> pour que les visiteurs atterrissent directement sur vos pages.<\/li>\n<li>Des <strong>visuels<\/strong> qui parlent. Qu&rsquo;ils soient en image, photo ou vid\u00e9o, apportez une touche d&rsquo;authenticit\u00e9 et d&rsquo;esth\u00e9tisme,<br \/>\nm\u00eame \u00e0 votre page contact.<\/li>\n<\/ul>\n<h2>5 exemples de pages contact qui marchent<\/h2>\n<h2>La page multi-contacts authentique<\/h2>\n<p>Sur cette page contact, on note la pr\u00e9sence des diff\u00e9rentes possibilit\u00e9s pour <strong>joindre l&rsquo;entreprise<\/strong>. T\u00e9l\u00e9phone, email, <strong>r\u00e9seau social Linkedin<\/strong>, 3 modes de contact bien visibles en toute simplicit\u00e9. L&rsquo;atout majeur de cette page, outre son <strong>design<\/strong> \u00e9pur\u00e9 qui permet de se concentrer imm\u00e9diatement sur l&rsquo;essentiel, se trouve juste un peu plus haut. On y pr\u00e9sente les 2 <strong>interlocuteurs<\/strong> principaux de la soci\u00e9t\u00e9, ou du moins ceux \u00e0 qui l&rsquo;internaute aura \u00e0 faire s&rsquo;il a besoin d&rsquo;un accompagnement. Le fait d&rsquo;avoir leurs photographies est judicieux, car cela rapproche le <strong>visiteur<\/strong> de l&rsquo;entreprise et humanise un peu plus les \u00e9changes.<\/p>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14882\" alt=\"1.1\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.1.png\" width=\"1890\" height=\"944\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.1.png 1890w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.1-300x149.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.1-1024x511.png 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.1-610x304.png 610w\" sizes=\"auto, (max-width: 1890px) 100vw, 1890px\" \/><\/a>Source image : pixel image<\/h6>\n<h2>La page contact simple et ergonomique<\/h2>\n<p>Sur cette page de contact, tr\u00e8s peu d&rsquo;informations et de visuels, n\u00e9anmoins cela n&rsquo;est pas un d\u00e9savantage car l&rsquo;essentiel est l\u00e0 avec l&rsquo;adresse e-mail et l&rsquo;adresse postale. Plus haut, en passant le curseur de la souris, on peut aussi acc\u00e9der aux boutons menant aux diff\u00e9rents <strong>r\u00e9seaux sociaux<\/strong> sur lesquels l&rsquo;entreprise <strong>communique<\/strong>. Cette page contact est tout bonnement <strong>simple et efficace<\/strong>.<\/p>\n<p><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14885\" alt=\"1.2\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.2.png\" width=\"1903\" height=\"961\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.2.png 1903w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.2-300x151.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.2-1024x517.png 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.2-610x308.png 610w\" sizes=\"auto, (max-width: 1903px) 100vw, 1903px\" \/><\/a><\/p>\n<h2>La page contact interactive<\/h2>\n<p>Voil\u00e0 une page contact des plus compl\u00e8tes avec son num\u00e9ro de t\u00e9l\u00e9phone ligne directe, l&rsquo;adresse postale, l&rsquo;e-mail, et le lien vers la page Facebook. Et elle ne s&rsquo;en tient pas qu&rsquo;\u00e0 cela, elle propose en plus une carte <strong>interactive<\/strong> Google Maps pour permettre \u00e0 l&rsquo;internaute de <strong>localiser<\/strong> facilement les locaux de la soci\u00e9t\u00e9. Cette strat\u00e9gie est ing\u00e9nieuse dans le sens o\u00f9 cela permet au <strong>visiteur<\/strong> de se projeter pour une \u00e9ventuelle visite. Peut-\u00eatre conna\u00eet-il bien les environs, et m\u00eame si ce n&rsquo;est pas le cas, le fait de pouvoir visualiser l&rsquo;aidera \u00e0 envisager de se d\u00e9placer pour venir vous rencontrer. Cela lui donne aussi le sentiment que votre porte est ouverte, vous \u00eates dispos\u00e9s \u00e0 le recevoir, en fait vous l&rsquo;attendez !<\/p>\n<p><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14886\" alt=\"1\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.png\" width=\"1912\" height=\"961\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.png 1912w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1-300x150.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1-1024x514.png 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1-610x306.png 610w\" sizes=\"auto, (max-width: 1912px) 100vw, 1912px\" \/><\/a><\/p>\n<h2>La page avec prise de contact ultra-rapide<\/h2>\n<p>Au-del\u00e0 du design qui n&rsquo;est pas sp\u00e9cifiquement original mais a l&rsquo;avantage de l&rsquo;agr\u00e9able simplicit\u00e9, cette page contact pr\u00e9sente l&rsquo;atout majeur de la <strong>rapidit\u00e9<\/strong>, gr\u00e2ce \u00e0 son formulaire permettant de r\u00e9diger un message libre en quelques secondes seulement. Le d\u00e9veloppeur a pens\u00e9 \u00e0 int\u00e9grer en plus, un encadr\u00e9 pour des coordonn\u00e9es suppl\u00e9mentaires avec un num\u00e9ro de portable et une adresse e-mail pour pouvoir joindre des \u00e9l\u00e9ments \u00e0 sa demande par exemple.<\/p>\n<p><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14887\" alt=\"1.4\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.4.png\" width=\"1908\" height=\"952\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.4.png 1908w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.4-300x149.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.4-1024x510.png 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.4-610x304.png 610w\" sizes=\"auto, (max-width: 1908px) 100vw, 1908px\" \/><\/a><\/p>\n<h2>La page \u00e0 contacts multiples et visuel proche du visiteur<\/h2>\n<p>Cette <strong>page contact de site web<\/strong> est pour ainsi dire parfaite. Tous les \u00e9l\u00e9ments de contact sont pr\u00e9sents (mails, adresse, t\u00e9l\u00e9phone, <strong>Facebook, Instagram, Twitter<\/strong>), et le visuel nous plonge directement dans l&rsquo;<strong>univers de l&rsquo;entreprise<\/strong>. Pour cet exemple il s&rsquo;agit d&rsquo;une agence de web design qui met en avant sa cr\u00e9ativit\u00e9 dans son slogan d&rsquo;accueil, et sur la <strong>photographie<\/strong> des locaux cela se voit. Les lieux sont originaux, tout en perspectives et modernes. Cela repr\u00e9sente fid\u00e8lement l&rsquo;\u00e9tat d&rsquo;esprit de l&rsquo;entreprise.<\/p>\n<p><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14888\" alt=\"1.5\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.5.png\" width=\"1892\" height=\"944\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.5.png 1892w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.5-300x149.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.5-1024x510.png 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/07\/1.5-610x304.png 610w\" sizes=\"auto, (max-width: 1892px) 100vw, 1892px\" \/><\/a><\/p>\n<p>Pour r\u00e9sumer, une <strong>bonne page contact<\/strong> contient :<\/p>\n<ul>\n<li>Un maximum de <strong>coordonn\u00e9es<\/strong>.<\/li>\n<li>Un <strong>design esth\u00e9tique simple ou original.<\/strong><\/li>\n<li>Des \u00e9l\u00e9ments d&rsquo;<strong>appel \u00e0 l&rsquo;action<\/strong>.<\/li>\n<li>Des <strong>informations visibles<\/strong> instantan\u00e9ment.<\/li>\n<\/ul>\n<p>Et vous alors, comment envisagez-vous de construire ou faire \u00e9voluer votre page contact ?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La page de contact d&rsquo;un site web est aujourd&rsquo;hui encore trop souvent d\u00e9laiss\u00e9e, peu soign\u00e9e, voir vide ou trop charg\u00e9e. Pourtant son importance est grande. Quand vous avez un rendez-vous professionnel, les premi\u00e8res secondes sont&#8230;<\/p>\n","protected":false},"author":25,"featured_media":14881,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[303,161],"tags":[1144,81,43,1143,584],"class_list":["post-14880","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-techniques-du-web","category-web-et-e-business","tag-formulaire-de-contact","tag-leads","tag-page-datterrissage","tag-page-de-contact","tag-page-de-destination"],"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/14880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=14880"}],"version-history":[{"count":5,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/14880\/revisions"}],"predecessor-version":[{"id":122949,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/14880\/revisions\/122949"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/14881"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=14880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=14880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=14880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}