Pourquoi créer un site internet quand on est un avocat ?

La création d'un site web est une étape indispensable dans la stratégie de communication et de développement d'un cabinet. Posséder un site internet aujourd’hui c’est pouvoir montrer à vos clients ainsi qu’à vos prospects qui vous êtes, ce que vous faites et pourquoi vous le faites mieux que la concurrence.

Il ne vous viendrait pas à l’esprit d’acheter un produit sans savoir à quoi il ressemble et combien il coûte, n’est-ce pas ?

Dans votre métier, la confiance et la transparence sont déterminantes. Présenter votre cabinet ou votre parcours en quelques mots, visibles par tous et de façon permanente ne peut être que bénéfique pour aider vos futurs clients à se projeter et vous rendre plus accessible.

• Améliorer votre notoriété et votre image de marque : votre site internet est votre vitrine digitale, le socle de votre réputation et il constitue le meilleur moyen de maîtriser l’image que vous souhaitez donner de votre cabinet.

• Profiter d’une visibilité permanente : Le digital n’a pas de frontière spatio-temporelle. Vous pouvez donc en profiter pour convoiter de nouveaux marchés, bien au-delà de votre zone de chalandise habituelle. Vous pouvez ainsi décupler votre audience cible et donc, sensiblement développer votre activité commerciale.

• Capter de nouveaux clients et rester compétitif : Nous savons que la concurrence est forte, c'est pourquoi il est important pour vous de vous démarquer, notamment grâce à une présence web permanente. En effet offrir une visibilité permanente de votre cabinet ainsi que de vos spécialités sur internet (droit pénal, droit de la presse etc.) est un réel atout dans votre recherche de nouveaux prospects : aujourd’hui 83% des français ont pour habitude d’effectuer leurs recherches en premier sur internet et 86% d’entre souhaitent voir des informations sur les produits ou services vendus.

Quels sont les indispensables pour un site internet d'avocats efficace ?

Compte tenu de la spécificité de votre métier, vous devez dans un premier temps et sans délai, informer le déontologue du Conseil de l’Ordre et lui communiquer le nom de domaine de votre site afin de permettre à ce dernier de contrôler la qualité de l’information et la présence des informations obligatoires (article 10.6 10.5 du Règlement Intérieur National du CNB).

Dans un deuxième temps il est important de vous demander quels sont les bénéfices pour vous mais aussi pour le client, de l’existence d’un site internet :

1. Un site internet pour être trouvé

Aujourd’hui il existe des milliers de site internet d’avocat référencés sur Google. C’est pourquoi il est insuffisant de posséder un site internet sans référencement pour attirer des prospects : 75% des personnes ne vont jamais après la première page des moteurs de recherche.

Il est donc important de référencer votre site web

2. Un site internet pour donner envie

Avoir un site internet c’est l’occasion de « séduire » l’internaute (et/ou le prospect potentiel) avant même qu’il ne soit entré en contact avec vous. Mais pour cela, il faut prendre en compte quelques conditions qui, une fois appliquées, encourageront les prospects à rester sur votre site plutôt que de fuir sur un site concurrent :

• Les internautes accordent énormément d’importance à la bonne navigation d’un site. Pour information : 40% des visiteurs d’un site web partent s’il prend plus de 3 secondes pour se charger. Vous êtes, vous même un internaute et savez quels sont les sites sur lesquels il est plus attrayant et plus agréable de naviguer.

• En plus de la vitesse de chargement, vous devez vous assurer, lors de la création de votre site internet d’utiliser de beaux visuels très inspirants qui illustrent au mieux vos spécialités (droit pénal, droit immobilier …).

• Une fois le chargement et le contenu pris en compte, il est essentiel de faire en sorte que votre site internet soit parfaitement navigable sur tous les supports. Votre site doit être visible et optimisé aussi bien sur ordinateur, que sur téléphone et tablette. On appelle un site qui s’adapte à ces supports, un site responsif. Ce critère est également un pré requis de votre référencement.

• Enfin, essayez de schématiser certains de vos propos pour avoir un impact cognitif supérieur et varier les formats de vos contenus : les blocs de texte trop massif ne sont pas agréable à lire et risque de faire fuir d’éventuels prospects.

3. Un site internet pour expliquer

Il est indispensable que vous ayez un contenu unique et structuré (évitez le duplicate content) qui donne envie d’en savoir plus sur votre activité : vous devez donner toutes les informations pratiques qui illustrent votre propos et permettent de se projeter dans l’utilisation de vos services. Autrement dit, il vous est indispensable de créer un onglet « contact » clair et visible, comprenant toutes les informations utiles qui permettront une prise de contact efficace.

N’hésitez pas à expliquer en quoi consiste votre métier et à mettre en avant quelques arguments qui valorisent le recours à avocat.

4. Un site internet pour rassurer

Il est utile de mettre en avant des visuels avec de l’humain. Pensez aux éléments de réassurances qui sont importants dans tous les domaines d’activité, mais cruciaux lorsqu’il s’agit du choix d’un avocat. La concurrence est rude, il est donc indispensable que vos visiteurs se sentent en confiance et aient envie de vous contacter. Votre site internet doit être rassurant, on doit percevoir votre valeur ajoutée.

En plus du côté humain il est indispensable d’adoptez un ton professionnel, mais suffisamment chaleureux.

Enfin, il faut mettre en avant le fait que vous soyez en veille constante et à la pointe de l’actualité concernant votre secteur d’activité : prenez la parole sur les sujets phares de votre domaine d’activité avec une section dédiée aux actualités.

5. Un site internet pour convertir

Avoir une navigation claire et intuitive qui facilite la conversion. Placez des boutons d’actions aux endroits stratégiques et/ou des modules de prise de rendez-vous.

Pensez à la sous-navigation pour organiser les sections de votre site et permettre une navigation fluide.

Mettre en avant des témoignages de clients ou des avis

Contacter un conseiller digital

Quel budget dédier à son site internet lorsqu’on est avocat ?

Des sites internet, ils en existent à tous les prix. Du site internet que vous pouvez configurer gratuitement sur Wix au site internet à 100k€ que peuvent créer certains sites e-commerce, c’est un véritable grand écart.

Comment expliquer cette différence de prix ? Cela est-il vraiment justifié ? Quel est le juste prix à payer pour un site internet selon son activité et ses besoins ? Réponse tout de suite.

C’est en fonction des objectifs que l’on poursuit, que l’on définit le curseur des prix. Plus vous intégrez des fonctionnalités techniques comme des effets, du dynamisme, un design très pointu, des modules de prises de rendez-vous, un système de paiement sécurisé, etc… plus votre site internet sera complexe et coûtera cher.

Dans votre cas, en tant qu'avocat votre site doit principalement permettre d’exister sur internet et de pouvoir être contacté en cas de besoin, il n’est pas nécessaire d’investir énormément.

Même si les fonctionnalités principales n’ont pas besoin d’être très avancées, pour obtenir un résultat professionnel, efficace, et optimisé il est préférable de faire appel à un professionnel qui pourra mobiliser le temps et les ressources nécessaires pour :

• Acheter un nom de domaine
• Développer les pages de votre site internet
• Vous conseiller sur l’impact de votre contenu
• Développer et mettre à jour un design actuel
• Héberger votre site sur un serveur sécurisé

On constate une fourchette moyenne de 40 à 150€/mois sur le marché.

Pourquoi choisir Actusite pour créer son site internet ?

Des experts de la profession et du digital :
Depuis plus de 7 ans, nous travaillons au contact direct de professionnels du patrimoine, notre force est de leur proposer des solutions de communication digitale toujours en phase avec les spécificités de leur métier.

Un service tout inclus :
Notre prestation est claire et sans surprises. Il n’y a aucun surcoût et vous pouvez profiter pleinement et sereinement d’un service de communication digitale clé en mains.

Un accompagnement permanent :
Votre interlocuteur dédié est toujours disponible pour vous conseiller et vous coacher dans l’exercice parfois difficile de la transition digitale.

Des mises à jour et optimisations constantes :
L’avantage d’un abonnement mensuel est que vous bénéficiez toujours des dernières évolutions techniques que nous développons régulièrement pour améliorer la qualité de votre infrastructure digitale.

Un tarif accessible :
Conscient de la réalité de l’activité des conseillers indépendants en gestion de patrimoine, nous nous engageons à proposer des prestations à un tarif accessible et juste.

Un service recommandé par les principaux syndicats :
Nous sommes partenaires des principaux syndicats de la profession qui nous recommandent et ont confiance dans notre capacité à accompagner les professionnels du secteur au mieux.

Notre offre pour les Avocats

Pour recevoir régulièrement des informations sur les bonnes pratiques du digital, inscrivez-vous à nos communications

#_form_153_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; } #_form_153_ * { outline:0; } ._form_hide { display:none; visibility:hidden; } ._form_show { display:block; visibility:visible; } #_form_153_._form-top { top:0; } #_form_153_._form-bottom { bottom:0; } #_form_153_._form-left { left:0; } #_form_153_._form-right { right:0; } #_form_153_ input[type="text"],#_form_153_ input[type="date"],#_form_153_ textarea { padding:6px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #_form_153_ textarea { resize:none; } #_form_153_ ._submit { -webkit-appearance:none; cursor:pointer; font-family:arial, sans-serif; font-size:14px; text-align:center; background:#179afb !important; border:0 !important; -moz-border-radius:30px !important; -webkit-border-radius:30px !important; border-radius:30px !important; color:#fff !important; padding:16px !important; } #_form_153_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; } #_form_153_ ._close-icon:before { position:relative; } #_form_153_ ._form-body { margin-bottom:30px; } #_form_153_ ._form-image-left { width:150px; float:left; } #_form_153_ ._form-content-right { margin-left:164px; } #_form_153_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; } #_form_153_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; } #_form_153_ ._form-label,#_form_153_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; } #_form_153_._dark ._form-branding { color:#333; } #_form_153_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); } #_form_153_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; } #_form_153_ ._form_element * { font-size:14px; } #_form_153_ ._form_element._clear { clear:both; width:100%; float:none; } #_form_153_ ._form_element._clear:after { clear:left; } #_form_153_ ._form_element input[type="text"],#_form_153_ ._form_element input[type="date"],#_form_153_ ._form_element select,#_form_153_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #_form_153_ ._field-wrapper { position:relative; } #_form_153_ ._inline-style { float:left; } #_form_153_ ._inline-style input[type="text"] { width:150px; } #_form_153_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; } #_form_153_ ._form_element img._form-image { max-width:100%; } #_form_153_ ._clear-element { clear:left; } #_form_153_ ._full_width { width:100%; } #_form_153_ ._form_full_field { display:block; width:100%; margin-bottom:10px; } #_form_153_ input[type="text"]._has_error,#_form_153_ textarea._has_error { border:#f37c7b 1px solid; } #_form_153_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; } #_form_153_ ._error { display:block; position:absolute; font-size:14px; z-index:10000001; } #_form_153_ ._error._above { padding-bottom:4px; bottom:39px; right:0; } #_form_153_ ._error._below { padding-top:4px; top:100%; right:0; } #_form_153_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; } #_form_153_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; } #_form_153_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:14px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #_form_153_ ._error-inner._form_error { margin-bottom:5px; text-align:left; } #_form_153_ ._button-wrapper ._error-inner._form_error { position:static; } #_form_153_ ._error-inner._no_arrow { margin-bottom:10px; } #_form_153_ ._error-arrow { position:absolute; width:0; height:0; } #_form_153_ ._error-html { margin-bottom:10px; } .pika-single { z-index:10000001 !important; } #_form_153_ input[type="text"].datetime_date { width:69%; display:inline; } #_form_153_ select.datetime_time { width:29%; display:inline; height:32px; } @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; } #_form_153_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; } #_form_153_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; } #_form_153_ ._form-content { margin:0; width:100%; } #_form_153_ ._form-inner { display:block; min-width:100%; } #_form_153_ ._form-title,#_form_153_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; } #_form_153_ ._form-title { font-size:1.2em; } #_form_153_ ._form_element { margin:0 0 20px; padding:0; width:100%; } #_form_153_ ._form-element,#_form_153_ ._inline-style,#_form_153_ input[type="text"],#_form_153_ label,#_form_153_ p,#_form_153_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; } #_form_153_ ._row._checkbox-radio label { display:inline; } #_form_153_ ._row,#_form_153_ p,#_form_153_ label { margin-bottom:0.7em; width:100%; } #_form_153_ ._row input[type="checkbox"],#_form_153_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; } #_form_153_ ._row input[type="checkbox"] + span label { display:inline; } #_form_153_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; } #_form_153_ ._form-image { max-width:100%; height:auto !important; } #_form_153_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; } #_form_153_ input[type="radio"],#_form_153_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; } #_form_153_ button[type="submit"] { padding:20px; font-size:1.5em; } #_form_153_ ._inline-style { margin:20px 0 0 !important; } } #_form_153_ { position:relative; text-align:left; margin:25px auto 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *zoom:1; background:#fff !important; border:0px solid #b0b0b0 !important; width:400px; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; color:#1e266d !important; } #_form_153_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; } #_form_153_:before,#_form_153_:after { content:" "; display:table; } #_form_153_:after { clear:both; } #_form_153_._inline-style { width:auto; display:inline-block; } #_form_153_._inline-style input[type="text"],#_form_153_._inline-style input[type="date"] { padding:10px 12px; } #_form_153_._inline-style button._inline-style { position:relative; top:27px; } #_form_153_._inline-style p { margin:0; } #_form_153_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; } #_form_153_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; } @media all and (min-width:320px) and (max-width:667px) { #_form_153_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; } } #_form_153_ ._submit { background:linear-gradient(146deg, rgba(251, 201, 23, 1) 0%, rgba(255, 131, 100, 1) 100%) !important; color:#fff; border-radius:100px; padding:12px 38px; text-align:center; vertical-align:middle; transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out; } #_form_153_ ._submit:hover { background:#fbc917; background:linear-gradient(270deg, rgba(251, 201, 23, 1) 0%, rgba(255, 131, 100, 1) 100%) !important; } #_form_153_ textarea { border-radius:100px; } #_form_153_ ._x81444959 input { border-radius:100px; } #_form_153_ ._form_85 { border-radius:100px; } #_form_153_ ._x75922041 input { border-radius:100px; } #_form_153_ ._x27529088 input { border-radius:100px; } #_form_153_ ._x87224939 input { border-radius:100px; } 

Prénom et Nom 

E-mail* 

Veuillez vérifier votre demande* 

Je m'inscris

window.cfields = []; window._show_thank_you = function(id, message, trackcmp_url, email) { var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you'); form.querySelector('._form-content').style.display = 'none'; thank_you.innerHTML = message; thank_you.style.display = 'block'; const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias; var visitorObject = window[vgoAlias]; if (email && typeof visitorObject !== 'undefined') { visitorObject('setEmail', email); visitorObject('update'); } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) { // Site tracking URL to use after inline form submission. _load_script(trackcmp_url); } if (typeof window._form_callback !== 'undefined') window._form_callback(id); }; window._show_error = function(id, message, html) { var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.querySelector('button'), old_error = form.querySelector('._form_error'); if (old_error) old_error.parentNode.removeChild(old_error); err.innerHTML = message; err.className = '_error-inner _form_error _no_arrow'; var wrapper = document.createElement('div'); wrapper.className = '_form-inner'; wrapper.appendChild(err); button.parentNode.insertBefore(wrapper, button); document.querySelector('[id^="_form"][id$="_submit"]').disabled = false; if (html) { var div = document.createElement('div'); div.className = '_error-html'; div.innerHTML = html; err.appendChild(div); } }; window._load_script = function(url, callback) { var head = document.querySelector('head'), script = document.createElement('script'), r = false; script.type = 'text/javascript'; script.charset = 'utf-8'; script.src = url; if (callback) { script.onload = script.onreadystatechange = function() { if (!r && (!this.readyState || this.readyState == 'complete')) { r = true; callback(); } }; } head.appendChild(script); }; (function() { if (window.location.search.search("excludeform") !== -1) return false; var getCookie = function(name) { var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)')); return match ? match[2] : null; } var setCookie = function(name, value) { var now = new Date(); var time = now.getTime(); var expireTime = time + 1000 * 60 * 60 * 24 * 365; now.setTime(expireTime); document.cookie = name + '=' + value + '; expires=' + now + ';path=/'; } var addEvent = function(element, event, func) { if (element.addEventListener) { element.addEventListener(event, func); } else { var oldFunc = element['on' + event]; element['on' + event] = function() { oldFunc.apply(this, arguments); func.apply(this, arguments); }; } } var _removed = false; var form_to_submit = document.getElementById('_form_153_'); var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false; var getUrlParam = function(name) { var regexStr = '[\?&]' + name + '=([^]*)'; var results = new RegExp(regexStr, 'i').exec(window.location.href); return results != undefined ? decodeURIComponent(results[1]) : false; }; for (var i = 0; i < allInputs.length; i++) { var regexStr = "field\\[(\\d+)\\]"; var results = new RegExp(regexStr).exec(allInputs[i].name); if (results != undefined) { allInputs[i].dataset.name = window.cfields[results[1]]; } else { allInputs[i].dataset.name = allInputs[i].name; } var fieldVal = getUrlParam(allInputs[i].dataset.name); if (fieldVal) { if (allInputs[i].dataset.autofill === "false") { continue; } if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") { if (allInputs[i].value == fieldVal) { allInputs[i].checked = true; } } else { allInputs[i].value = fieldVal; } } } var remove_tooltips = function() { for (var i = 0; i < tooltips.length; i++) { tooltips[i].tip.parentNode.removeChild(tooltips[i].tip); } tooltips = []; }; var remove_tooltip = function(elem) { for (var i = 0; i < tooltips.length; i++) { if (tooltips[i].elem === elem) { tooltips[i].tip.parentNode.removeChild(tooltips[i].tip); tooltips.splice(i, 1); return; } } }; var create_tooltip = function(elem, text) { var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {}; if (elem.type != 'radio' && elem.type != 'checkbox') { tooltip.className = '_error'; arrow.className = '_error-arrow'; inner.className = '_error-inner'; inner.innerHTML = text; tooltip.appendChild(arrow); tooltip.appendChild(inner); elem.parentNode.appendChild(tooltip); } else { tooltip.className = '_error-inner _no_arrow'; tooltip.innerHTML = text; elem.parentNode.insertBefore(tooltip, elem); new_tooltip.no_arrow = true; } new_tooltip.tip = tooltip; new_tooltip.elem = elem; tooltips.push(new_tooltip); return new_tooltip; }; var resize_tooltip = function(tooltip) { var rect = tooltip.elem.getBoundingClientRect(); var doc = document.documentElement, scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0)); if (scrollPosition < 40) { tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below'; } else { tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above'; } }; var resize_tooltips = function() { if (_removed) return; for (var i = 0; i < tooltips.length; i++) { if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]); } }; var validate_field = function(elem, remove) { var tooltip = null, value = elem.value, no_error = true; remove ? remove_tooltip(elem) : false; if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, ''); if (elem.getAttribute('required') !== null) { if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) { var elems = form_to_submit.elements[elem.name]; if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) { no_error = elem.checked; } else { no_error = false; for (var i = 0; i < elems.length; i++) { if (elems[i].checked) no_error = true; } } if (!no_error) { tooltip = create_tooltip(elem, "Veuillez sélectionner une option."); } } else if (elem.type =='checkbox') { var elems = form_to_submit.elements[elem.name], found = false, err = []; no_error = true; for (var i = 0; i < elems.length; i++) { if (elems[i].getAttribute('required') === null) continue; if (!found && elems[i] !== elem) return true; found = true; elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, ''); if (!elems[i].checked) { no_error = false; elems[i].className = elems[i].className + ' _has_error'; err.push("Cocher %s est obligatoire".replace("%s", elems[i].value)); } } if (!no_error) { tooltip = create_tooltip(elem, err.join('
')); } } else if (elem.tagName == 'SELECT') { var selected = true; if (elem.multiple) { selected = false; for (var i = 0; i < elem.options.length; i++) { if (elem.options[i].selected) { selected = true; break; } } } else { for (var i = 0; i < elem.options.length; i++) { if (elem.options[i].selected && !elem.options[i].value) { selected = false; } } } if (!selected) { elem.className = elem.className + ' _has_error'; no_error = false; tooltip = create_tooltip(elem, "Veuillez sélectionner une option."); } } else if (value === undefined || value === null || value === '') { elem.className = elem.className + ' _has_error'; no_error = false; tooltip = create_tooltip(elem, "Ce champ est obligatoire."); } } if (no_error && elem.name == 'email') { if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) { elem.className = elem.className + ' _has_error'; no_error = false; tooltip = create_tooltip(elem, "Saisissez une adresse e-mail valide."); } } if (no_error && /date_field/.test(elem.className)) { if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) { elem.className = elem.className + ' _has_error'; no_error = false; tooltip = create_tooltip(elem, "Saisissez une date valide."); } } tooltip ? resize_tooltip(tooltip) : false; return no_error; }; var needs_validate = function(el) { if(el.getAttribute('required') !== null){ return true } if(el.name === 'email' && el.value !== ""){ return true } return false }; var validate_form = function(e) { var err = form_to_submit.querySelector('._form_error'), no_error = true; if (!submitted) { submitted = true; for (var i = 0, len = allInputs.length; i < len; i++) { var input = allInputs[i]; if (needs_validate(input)) { if (input.type == 'text') { addEvent(input, 'blur', function() { this.value = this.value.trim(); validate_field(this, true); }); addEvent(input, 'input', function() { validate_field(this, true); }); } else if (input.type == 'radio' || input.type == 'checkbox') { (function(el) { var radios = form_to_submit.elements[el.name]; for (var i = 0; i < radios.length; i++) { addEvent(radios[i], 'click', function() { validate_field(el, true); }); } })(input); } else if (input.tagName == 'SELECT') { addEvent(input, 'change', function() { validate_field(this, true); }); } else if (input.type == 'textarea'){ addEvent(input, 'input', function() { validate_field(this, true); }); } } } } remove_tooltips(); for (var i = 0, len = allInputs.length; i < len; i++) { var elem = allInputs[i]; if (needs_validate(elem)) { if (elem.tagName.toLowerCase() !== "select") { elem.value = elem.value.trim(); } validate_field(elem) ? true : no_error = false; } } if (!no_error && e) { e.preventDefault(); } resize_tooltips(); return no_error; }; addEvent(window, 'resize', resize_tooltips); addEvent(window, 'scroll', resize_tooltips); window['recaptcha_callback'] = function() { // Get all recaptchas in the DOM (there may be more than one form on the page). var recaptchas = document.getElementsByClassName("g-recaptcha"); for (var i in recaptchas) { // Set the recaptcha element ID, so the recaptcha can be applied to each element. var recaptcha_id = "recaptcha_" + i; recaptchas[i].id = recaptcha_id; var el = document.getElementById(recaptcha_id); if (el != null) { var sitekey = el.getAttribute("data-sitekey"); var stoken = el.getAttribute("data-stoken"); grecaptcha.render(recaptcha_id, {"sitekey":sitekey,"stoken":stoken}); } } }; _load_script("//www.google.com/recaptcha/api.js?onload=recaptcha_callback&render=explicit"); window._old_serialize = null; if (typeof serialize !== 'undefined') window._old_serialize = window.serialize; _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function() { window._form_serialize = window.serialize; if (window._old_serialize) window.serialize = window._old_serialize; }); var form_submit = function(e) { e.preventDefault(); if (validate_form()) { // use this trick to get the submit button & disable it using plain javascript document.querySelector('#_form_153_submit').disabled = true; var serialized = _form_serialize(document.getElementById('_form_153_')); var err = form_to_submit.querySelector('._form_error'); err ? err.parentNode.removeChild(err) : false; _load_script('https://actusite.activehosted.com/proc.php?' + serialized + '&jsonp=true'); } return false; }; addEvent(form_to_submit, 'submit', form_submit); })();

Sur le même sujet…