CINXE.COM
Les meilleurs聽outils de聽marketing digital en 2025
<!DOCTYPE html> <html lang="fr"> <head> <title>Les meilleurs聽outils de聽marketing digital en 2025</title> <meta name="theme-color" content="rgb(6, 8, 51)"> <meta name="msapplication-navbutton-color" content="rgb(6, 8, 51)"> <!-- METATAGS --> <!-- rebirth / basic --> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]--> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://www.blogduwebdesign.com/themes/commondesignlines/6480a748a8ecd4558d138963/outils-web/outils-marketing-digital/.css?v=2b7144a1fb7f3b0c69e2f27799fc89be" rel="stylesheet"> <meta name="description" content="D茅couvrez des solutions puissantes pour booster votre pr茅sence en ligne, avec notre s茅lection des outils les plus efficaces pour optimiser votre strat茅gie marketing, que ce soit pour le SEO, le marketing de contenu, les r茅seaux sociaux ou l'e-mail marketing." /> <link rel="image_src" href="https://www.blogduwebdesign.com/medias/images/outil-marketing-digital-2.jpg" /> <meta property="og:image" content="https://www.blogduwebdesign.com/medias/images/outil-marketing-digital-2.jpg" /> <link href="//www.blogduwebdesign.com/themes/designlines/bottomsite/index.css?v=1740386414" rel="stylesheet"> <link rel="canonical" href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/"> <meta name="generator" content="e-monsite (e-monsite.com)"> <link rel="icon" href="https://www.blogduwebdesign.com/medias/site/favicon/fav-bdwd-33.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Poppins:300,300italic,400,400italic,700,700italic&display=swap" rel="stylesheet"> <link href="//www.blogduwebdesign.com/themes/combined.css?v=6_1642769533_883" rel="stylesheet"> <link rel="preload" href="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/jquery-3.6.3.min.js?v=26012023" as="script"> <script src="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/jquery-3.6.3.min.js?v=26012023"></script> <link rel="preload" href="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/popper.min.js?v=31012023" as="script"> <script src="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/popper.min.js?v=31012023"></script> <link rel="preload" href="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/bootstrap.min.js?v=31012023" as="script"> <script src="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/bootstrap.min.js?v=31012023"></script> <script src="//www.blogduwebdesign.com/themes/combined.js?v=6_1642769533_883&lang=fr"></script> <script type="application/ld+json"> { "@context" : "https://schema.org/", "@type" : "WebSite", "name" : "blogduwebdesign", "url" : "https://www.blogduwebdesign.com/" } </script> <!-- Sendinblue newsletter --> <script type="text/javascript"> var sib_prefix = 'sib'; var sib_dateformat = 'dd-mm-yyyy'; </script> <!--<script type='text/javascript' src='https://app.emailing-ems.com/public/theme/version4/assets/js/src/subscribe-validate.js?v=1686291188'></script>--> <!-- Adsense --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1322338178895671" crossorigin="anonymous"></script> <!-- Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-GQRDZ6CXGF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GQRDZ6CXGF'); </script> <!-- Meta --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '239037031182877'); fbq('track', 'PageView'); </script> <meta name="facebook-domain-verification" content="6pqjh45ku8uy3paigz3kvk7gtyjjqt" /> <!-- //METATAGS --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4VN4372P6E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4VN4372P6E'); </script> </head> <body id="pages_run_outils-web_outils-marketing-digital" data-template="default"> <!-- CUSTOMIZE AREA --> <div id="top-site" class="sticky-top"> <div class="row-container container"> <div class="row-content"> <div class="row pt-3"> <div class="col d-flex order-2 mb-0"> <div class="col-content w-100 position-relative"> <p class="mb-0 d-flex align-items-center justify-content-lg-end justify-content-between"><a class="mr-5" href="/pages/contact.html">Nous contacter</a><button aria-controls="collapseToolbox" aria-expanded="false" class="btn btn-main toggle-btn" data-target="#collapseToolbox" data-toggle="collapse" type="button">Toolbox<span class="d-none d-lg-inline-block position-relative"><span class="ms-4 middle-line"></span></span></button></p> <div class="collapse position-absolute" id="collapseToolbox"> <ul class="list-group"> <li class="list-group-item"><a href="/pages/outils-web/outils-tech/cms/"><i aria-hidden="true" class="material-icons md-web mr-3"></i>Outils de création de site</a></li> <li class="list-group-item"><a href="/pages/outils-web/outils-productivite/"><i aria-hidden="true" class="material-icons md-free_breakfast mr-3"></i>Outils productivité</a></li> <li class="list-group-item"><a href="/pages/outils-web/outils-de-gestion-d-entreprise/"><i aria-hidden="true" class="material-icons md-business_center mr-3"></i>Outils de gestion d'entreprise</a></li> <li class="list-group-item"><a href="/pages/outils-web/outils-marketing-digital/"><i aria-hidden="true" class="material-icons md-record_voice_over mr-3"></i>Outils marketing digital</a></li> <li class="list-group-item"><a href="/pages/outils-web/outils-design/"><i aria-hidden="true" class="material-icons md-color_lens mr-3"></i>Outils design</a></li> <li class="list-group-item"><a class="btn btn-outline-white rounded-sm" href="/pages/outils-web/">Tous les outils</a></li> </ul> </div> </div> </div> <div class="col order-1 d-none d-lg-block"> <div class="col-content"> <ul class="website-social-links"> <li><a class="btn text-linkedin" href="https://www.linkedin.com/company/blogduwebdesign/" target="_blank"><i class="sn-icon-linkedin"></i></a></li> <li><a class="btn text-twitter" href="https://twitter.com/BlogDuWebdesign" target="_blank"><i class="sn-icon-twitter"></i></a></li> <li><a class="btn text-facebook" href="https://www.facebook.com/BlogDuWebdesign/?locale=fr_FR" target="_blank"><i class="sn-icon-facebook"></i></a></li> <li><a class="btn text-instagram" href="https://www.instagram.com/blogduwebdesign/" target="_blank"><i class="sn-icon-instagram"></i></a></li> <li><a class="btn text-pinterest" href="https://www.pinterest.fr/BlogDuWebdesign/" target="_blank"><i class="sn-icon-pinterest"></i></a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- BRAND TOP --> <!-- NAVBAR --> <nav class="navbar navbar-expand-lg position-sticky" id="navbar" data-animation="sliding"> <div class="container"> <a aria-label="brand" class="navbar-brand d-inline-flex align-items-center" href="https://www.blogduwebdesign.com/"> <img src="https://www.blogduwebdesign.com/medias/site/logos/logo-bdwd.png" alt="blogduwebdesign" class="img-fluid brand-logo mr-2 d-inline-block"> <span class="brand-titles d-lg-flex flex-column align-items-start"> <span class="brand-title d-none">blogduwebdesign</span> </span> </a> <button id="buttonBurgerMenu" title="BurgerMenu" class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#menu"> <span></span> <span></span> <span></span> <span></span> </button> <div class="collapse navbar-collapse flex-lg-grow-0 ml-lg-auto" id="menu"> <ul class="navbar-nav navbar-menu nav-left"> <li class="nav-item" data-index="1"> <a class="nav-link" href="https://www.blogduwebdesign.com/blog/tech/"> Tech </a> </li> <li class="nav-item" data-index="2"> <a class="nav-link" href="https://www.blogduwebdesign.com/blog/webdesign/"> Webdesign </a> </li> <li class="nav-item" data-index="3"> <a class="nav-link" href="https://www.blogduwebdesign.com/blog/business-web/"> Business </a> </li> </ul> <a class="navbar-brand d-none" href="https://www.blogduwebdesign.com/"> <img src="https://www.blogduwebdesign.com/medias/site/logos/logo-bdwd.png" alt="blogduwebdesign" class="img-fluid brand-logo d-inline-block"> <span class="brand-titles d-lg-flex flex-column"> <span class="brand-title d-none">blogduwebdesign</span> </span> </a> <ul class="navbar-nav navbar-menu nav-right"> <li class="nav-item dropdown" data-index="1"> <a class="nav-link dropdown-toggle" href="https://www.blogduwebdesign.com/blog/graphisme/"> Graphisme </a> <div class="collapse dropdown-menu"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/"> Inspiration </a> </li> <li class="dropdown-menu-root"> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/graphisme/">Graphisme</a> </li> </ul> </div> </li> <li class="nav-item" data-index="2"> <a class="nav-link" href="https://www.blogduwebdesign.com/blog/developpement/"> D茅veloppement </a> </li> <li class="nav-item dropdown" data-index="3"> <a class="nav-link dropdown-toggle" href="https://www.blogduwebdesign.com/blog/creation-de-site/"> Cr茅ation de site </a> <div class="collapse dropdown-menu"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/e-monsite/"> E-monsite </a> </li> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/"> WordPress </a> </li> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/e-commerce/"> E-commerce </a> </li> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/seo/"> SEO </a> </li> <li class="dropdown-menu-root"> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/">Cr茅ation de site</a> </li> </ul> </div> </li> </ul> </div> </div> </nav> <!-- HEADER --> <!-- //HEADER --> <!-- WRAPPER --> <div id="wrapper" class="container margin-top"> <div class="row align-items-lg-start"> <main id="main" class="col-lg-9"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="https://www.blogduwebdesign.com/">Accueil</a></li> <li class="breadcrumb-item"><a href="https://www.blogduwebdesign.com/pages/outils-web/">Outils web pour les pros</a></li> <li class="breadcrumb-item active">Outils marketing digital</li> </ol> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://www.blogduwebdesign.com/" }, { "@type": "ListItem", "position": 2, "name": "Outils web pour les pros", "item": "https://www.blogduwebdesign.com/pages/outils-web/" }, { "@type": "ListItem", "position": 3, "name": "Outils marketing digital", "item": "https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/" } ] } </script> <div class="view view-pages" id="view-page" data-category="outils-marketing-digital"> <div id="site-module" class="site-module" data-itemid="647da5effd656478f5b71e5b" data-siteid="647da5ec63c6dcf507f8e891" data-category="6480a748a5c8d4558d131ce8"></div> <div id="rows-6480a748a8ecd4558d138963" class="rows" data-total-pages="1" data-current-page="1"> <div id="row-6480a748a8ecd4558d138963-1" class="row-container pos-1 page_1 container"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-6489dd68d9f4d4558d132420" class="col"> <div class="col-content col-no-widget"> <h1>Les meilleurs outils de marketing digital en 2025</h1> <p>Le marketing digital est plus que jamais au cœur de toute stratégie de réussite en ligne. Que vous soyez une petite entreprise, un blogueur passionné ou une grande entreprise, l'utilisation des bons outils de marketing digital peut faire toute la différence.</p> <p>Nous avons compilé pour vous une sélection des meilleurs outils de marketing digital pour vous aider à <a href="https://www.blogduwebdesign.com/blog/business-web/">atteindre vos objectifs en ligne</a>. Que vous cherchiez à améliorer votre visibilité, à interagir avec votre public ou à perfectionner votre stratégie, il existe des outils marketing puissants adaptés à chaque besoin. Qui vous permettent de créer, d'ajuster et de perfectionner votre présence en ligne. Mais aussi à sculpter votre image de marque, à attirer un public fidèle, à <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-tech/plateformes-e-commerce/">générer des ventes</a> et à analyser vos performances. En somme, ils sont la clé de voûte de votre succès numérique.</p> <p>Voici un éventail des outils de marketing digital les plus efficaces pour optimiser votre stratégie de marketing, que ce soit pour le <a href="https://www.blogduwebdesign.com/blog/creation-de-site/seo/">SEO</a>, le marketing de contenu, ou l'e-mail marketing. </p> </div> </div> </div> </div> </div> <div id="row-6480a748a8ecd4558d138963-2" class="row-container pos-2 page_1 container"> <div class="row-content"> <h2 class="row-title" data-line-v-id="6508196f61acd4558d133b51"> Les outils marketing digital incontournables </h2> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-6508196f61acd4558d13924e" class="col widget-page-categories-list"> <div class="col-content"> <div id="page_categories_list0"> <div class="card-deck page-categories default-style default-3-col no-gutters mr-0" data-addon="pages"> <div class="card page-category" data-category="Logiciels emailing"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-emailing" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/logiciels-emailing.jpg?fx=c_1200_675" width="1200" height="675" alt="Logiciels emailing" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-emailing">Logiciels emailing</a> </p> <div class="description"> Les logiciels d'emailing jouent un rôle essentiel dans la gestion efficace de vos envois d'emails, l'automatisation des processus, le suivi des performances et la personnalisation des messages. Notre rubrique propose une sélection de logiciels d'emailing performants, conçus pour répondre à vos besoins spécifiques. </div> </div> </div> <div class="card page-category" data-category="Logiciels A/B testing"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-a-b-testing" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/outils-a-b-testing.jpg?fx=c_1200_675" width="1200" height="675" alt="Logiciels A/B testing" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-a-b-testing">Logiciels A/B testing</a> </p> <div class="description"> Vous avez certainement déjà entendu parler d’A/B testing, cette technique permettant d’optimiser votre communication web par le biais de tests. De plus en plus de logiciels d’A/B testing sont disponibles sur le marché avec des prix et fonctionnalités parfois très similaires. Apprenez à vous poser les bonnes questions avant de choisir parmi notre sélection de logiciels d’A/B testing. </div> </div> </div> <div class="card page-category" data-category="Outils SEO"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-seo" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/outils-referencement-seo.jpg?fx=c_1200_675" width="1200" height="675" alt="Outils SEO" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-seo">Outils SEO</a> </p> <div class="description"> Découvrez comment les outils de monitoring SEO peuvent propulser votre site en tête des résultats de recherche et améliorer votre visibilité en ligne. Le suivi et l’optimisation du référencement sont essentiels pour maximiser votre visibilité sur les moteurs de recherche et surpasser vos concurrents. </div> </div> </div> <div class="card page-category" data-category="Outils landing page"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-landing-page" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/outils-landing-page.jpg?fx=c_1200_675" width="1200" height="675" alt="Outils landing page" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-landing-page">Outils landing page</a> </p> <div class="description"> Comment transformer ses visiteurs en clients ? Voici une question que se posent de nombreux propriétaires de sites internet. Et la réponse pourrait bien être à portée de main… </div> </div> </div> <div class="card page-category" data-category="Outils signature mail"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-signature-mail" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/outils-signature-mail.jpg?fx=c_1200_675" width="1200" height="675" alt="Outils signature mail" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-signature-mail">Outils signature mail</a> </p> <div class="description"> Dans le monde professionnel, l’e-mail reste encore et toujours le moyen de communication le plus utilisé. Et que vous écriviez à un client, à un collègue ou à n’importe qui d’autre, il faut toujours veiller à faire bonne impression. </div> </div> </div> <div class="card page-category" data-category="Logiciels RGPD"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-rgpd" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/interface-gdpr-numerique.jpg?fx=c_1200_675" width="1200" height="675" alt="Logiciels RGPD" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-rgpd">Logiciels RGPD</a> </p> <div class="description"> Les logiciels RGPD offrent des fonctionnalités avancées pour vous aider à cartographier les données, à gérer les consentements, à effectuer des analyses d'impact sur la protection des données, à gérer les droits des utilisateurs et à maintenir une documentation appropriée. Ces outils vous aident à mettre en œuvre et à maintenir des pratiques de confidentialité robustes, conformes aux réglementations en vigueur. </div> </div> </div> <div class="card page-category" data-category="Outils de prospection"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-de-prospection" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/outils-prospection.jpg?fx=c_1200_675" width="1200" height="675" alt="Outils de prospection" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-de-prospection">Outils de prospection</a> </p> <div class="description"> 9 outils de prospection performants et simples d’utilisation, générer de nombreux leads à qui envoyer vos propositions commerciales devient un véritable jeu d’enfant. </div> </div> </div> <div class="card page-category" data-category="Logiciels de chatbot"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-de-chatbot" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/logiciels-chatbot.jpg?fx=c_1200_675" width="1200" height="675" alt="Logiciels de chatbot" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-de-chatbot">Logiciels de chatbot</a> </p> <div class="description"> Les logiciels de chatbot semblent être l'alternative parfaite aux formulaires standards. </div> </div> </div> <div class="card page-category" data-category="Outils e-r茅putation"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-e-reputation" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/outils-e-reputation.jpg?fx=c_1200_675" width="1200" height="675" alt="Outils e-r茅putation" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-e-reputation">Outils e-r茅putation</a> </p> <div class="description"> L’e-réputation peut être définie comme l’image véhiculée par une personne, une marque ou encore un freelance sur internet. </div> </div> </div> <div class="card page-category" data-category="Outils de test email"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-de-test-email" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/test-mail.jpg?fx=c_1200_675" width="1200" height="675" alt="Outils de test email" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-de-test-email">Outils de test email</a> </p> <div class="description"> Les outils de test email vous aident à identifier les problèmes potentiels tels que les filtres anti-spam, les erreurs de mise en forme ou les liens cassés, vous permettant ainsi de corriger et d'optimiser vos campagnes d'emailing. Vous pourrez prévisualiser vos emails sur différentes plateformes et appareils, effectuer des tests A/B pour mesurer l'impact de différents paramètres, et obtenir des rapports détaillés sur les performances de vos emails. </div> </div> </div> <div class="card page-category" data-category="Logiciels de gestion de communaut茅"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-de-gestion-de-communaute" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/outils-gestion-communaute.jpg?fx=c_1200_675" width="1200" height="675" alt="Logiciels de gestion de communaut茅" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/logiciels-de-gestion-de-communaute">Logiciels de gestion de communaut茅</a> </p> <div class="description"> Que ce soit à travers des forums, des commentaires sur des blogs, ou des chats, ces outils communautaires permettent de tisser des liens précieux avec votre public, de recueillir des commentaires constructifs et de créer, animer et gérer une communauté autour de votre marque. </div> </div> </div> <div class="card page-category" data-category="Outils cr茅ation persona"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-creation-persona" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/blogduwebdesign-ressources-web-templates-user-persona-by-mahdi-darvishi.webp?fx=c_1200_675" width="1200" height="675" alt="Outils cr茅ation persona" class="mx-auto d-block"> </a> <div class="card-body"> <p class="media-heading d-flex align-items-start"> <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-creation-persona">Outils cr茅ation persona</a> </p> <div class="description"> Découvrez les outils essentiels pour créer vos personas en ligne, afin de mieux comprendre et répondre aux besoins uniques de votre public cible. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="row-customblock-6480a748a8ecd4558d138963-6555e224b55740144a2c0641-1" class="row-container page_1 container"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-6555e224b57a9671125d97a4" class="col"> <div class="col-content col-no-widget"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1322338178895671" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-1322338178895671" data-ad-slot="1460057376"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> </div> <div id="row-6480a748a8ecd4558d138963-4" class="row-container pos-4 page_1 container"> <div class="row-content"> <h2 class="row-title" data-line-v-id="6513ec80f545d4558d132db2"> Quelles sont les strat茅gies marketing digital ? </h2> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-6513ec80f545d4558d132697" class="col"> <div class="col-content col-no-widget"> <p>Le marketing digital est bien plus qu'une simple publicité en ligne. C'est un ensemble complexe de stratégies et de tactiques visant à atteindre un public cible, à stimuler la notoriété de la marque, à générer des leads et à <a href="https://www.blogduwebdesign.com/blog/creation-de-site/ameliorer-la-conversion-landing-page-sur-mobile.html">maximiser les conversions</a>. Voici un aperçu des stratégies marketing digital fondamentales que vous devez connaître :</p> <ul> <li><strong>Le référencement (SEO)</strong> : le SEO (Search Engine Optimization), est l'art d'optimiser votre site web pour qu'il apparaisse en tête des résultats des moteurs de recherche, avec les bons mots-clés, l'optimisation du contenu, la création de backlinks et le suivi des performances.</li> <li><strong>La publicité en ligne (SEA)</strong> : le SEA (Search Engine Advertising), consiste à payer pour afficher vos annonces sur les moteurs de recherche, notamment via les campagnes Google Ads.</li> <li><strong>Le marketing de contenu</strong> : la création et la distribution de contenu de qualité pour attirer, informer et engager votre public, via des articles de blog, des <a href="https://www.blogduwebdesign.com/pages/ressources-web/banques-de-videos/">vidéos</a>, des <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-design/outils-infographie/">infographies</a> et des livres blancs par exemple.</li> <li><strong>Les réseaux sociaux</strong> : les plateformes incontournables pour la communication avec votre public, pour interagir avec votre audience, partager du contenu pertinent et renforcer votre présence en ligne.</li> <li><strong>L'e-mail marketing</strong> : un canal puissant pour la communication directe avec vos abonnés, via l'envoi d'e-mails ciblés pour promouvoir vos produits ou services.</li> <li><strong>Le marketing d'influence</strong> : collaborer avec des influenceurs de votre niche pour promouvoir vos produits ou services et ainsi élargir votre portée. </li> <li><strong>L'e-réputation</strong> : surveiller et répondre aux commentaires et les avis en ligne pour veiller à ce que votre marque maintienne une réputation positive.</li> <li><strong>La personnalisation de l'expérience client</strong> : proposer des produits ou des recommandations de contenu adaptés aux besoins spécifiques de vos clients.</li> </ul> </div> </div> </div> </div> </div> <div id="row-6480a748a8ecd4558d138963-5" class="row-container pos-5 page_1 container"> <div class="row-content"> <h2 class="row-title" data-line-v-id="6513f41daed8d4558d131b73"> Quels sont les outils du marketing digital ? </h2> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-6513f41daed8d4558d132e99" class="col"> <div class="col-content col-no-widget"> <p>Pour exécuter ces stratégies de manière efficace, il est essentiel de s'appuyer sur les bons outils de marketing digital. Que vous ayez besoin de surveiller vos classements SEO, de planifier des campagnes publicitaires, de <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-social-media">gérer vos réseaux sociaux</a>, de créer du contenu engageant ou de mesurer l'efficacité de vos e-mails, il existe des outils digitaux puissants pour simplifier et optimiser chaque étape de votre stratégie marketing.</p> <p>Que vous soyez un créateur de contenu, un <a href="https://www.blogduwebdesign.com/blog/business-web/les-outils-d-entrepreneuriat-indispensables-pour-tous-les-pros-du-web.html">entrepreneur</a> ou un <a href="https://www.blogduwebdesign.com/annuaire/agences-de-communication/">professionnel du marketing</a>, l'accès à une boîte à outils marketing communication est essentiel pour faire prospérer votre marque. Découvrez une liste d'outils marketing qui peuvent transformer votre présence sur le web : </p> <ul> <li><strong>Outils d'analyse</strong> : pour comprendre le comportement des utilisateurs, suivre les performances de votre site, et ajuster vos stratégies en conséquence.</li> <li><strong>Outils d'optimisation </strong>: pour affiner votre présence en ligne pour améliorer la visibilité, augmenter le trafic, et maximiser les conversions.</li> <li><strong>Outils d'automatisation</strong> : pour gagner du temps en automatisant des tâches répétitives, de la gestion des e-mails à la planification des médias sociaux.</li> </ul> </div> </div> </div> </div> </div> <div id="row-6480a748a8ecd4558d138963-6" class="row-container pos-6 page_1 container"> <div class="row-content"> <h2 class="row-title" data-line-v-id="6513f41daedad4558d13e28b"> Quels sont les 5 principaux leviers du marketing digital ? </h2> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-6513f41daedbd4558d1366da" class="col"> <div class="col-content col-no-widget"> <p>Le marketing digital est devenu un terrain de jeu essentiel pour les entreprises, les créateurs de contenu et les professionnels du web. Voici les cinq leviers clés qui propulsent les stratégies de marketing digital vers le succès :</p> <ol> <li><strong>Le référencement (SEO)</strong> : la clé de la visibilité. Le référencement Google est le premier levier à maîtriser, il s'agit d'optimiser votre site web pour les moteurs de recherche. Vous augmentez ainsi la visibilité de votre contenu, ce qui se traduit par <a href="https://www.blogduwebdesign.com/blog/creation-de-site/livre-augmenter-trafic-blog-florence-tran.html">plus de trafic</a> organique et d'opportunités de conversion.</li> <li><strong>Le référencement payant (SEA)</strong> : le pouvoir de la visibilité instantanée. Les campagnes de publicité en ligne vous permettent d'acheter de la visibilité instantanée sur les moteurs de recherche. Google Ads vous permet de cibler précisément votre audience, de mesurer les performances de vos annonces, et de maximiser le retour sur investissement.</li> <li><strong>Le marketing de contenu</strong> : l'engagement au cœur de la stratégie. Le marketing de contenu consiste à créer et à partager du contenu de valeur pour attirer, informer et engager votre public. Il renforce la notoriété de votre marque, établit votre expertise et nourrit des relations durables avec vos clients.</li> <li><strong>Les médias sociaux</strong> : la connexion avec votre audience. Les <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-social-media">médias sociaux</a> offrent une plateforme incontournable pour interagir avec votre public. Et ainsi tisser des liens forts avec votre audience. Ils servent également à promouvoir votre contenu et à augmenter la visibilité de votre marque.</li> <li><strong>L'emailing</strong> : la communication personnalisée. L'emailing demeure un outil puissant pour entretenir une relation directe avec votre public. Pour fournir du contenu pertinent, promouvoir vos produits ou services, et convertir vos prospects en clients fidèles.</li> </ol> </div> </div> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('pagecategory', '6480a748a5c8d4558d131ce8', 'e-monsite.com'); </script> </main> <aside id="sidebar" class="col-lg-3"> <div id="sidebar-inner"> <div id="widget-1" class="widget" data-id="widget_blogpost_last" data-widget-num="1"> <div class="widget-title"> <span> Derniers articles </span> </div> <div class="widget-content"> <!-- WIDGET : 1 --> <div class="media-list blog-items" data-addon="blog"> <div class="media blog-item" data-category="inspiration-graphique" data-date="02/14/2025" data-blog-id="65b3cda02a1cd4558d131389"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/meilleures-campagnes-saint-valentin.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/blogduwebdesign-meilleures-campagnes-st-valentin-ikea-2.jpg?fx=c_300_200" alt="Blogduwebdesign meilleures campagnes st valentin ikea 2" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/meilleures-campagnes-saint-valentin.html">Top 14 des meilleures campagnes de pub Saint Valentin</a> </p> <p class="metas"> <span class="meta-date">Le 14/02/2025</span> </p> </div> </div> <div class="media blog-item" data-category="inspiration-graphique" data-date="02/11/2025" data-blog-id="65cb33c55b00c1f8251094bb"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/meilleures-pubs-superbowl.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/pub-super-bowl-2025.webp?fx=c_300_200" alt="Pub super bowl 2025" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/meilleures-pubs-superbowl.html">Les 15 meilleures pubs du Super Bowl 2025</a> </p> <p class="metas"> <span class="meta-date">Le 11/02/2025</span> </p> </div> </div> <div class="media blog-item" data-category="webdesign" data-date="01/21/2025" data-blog-id="65b8bcf5e2c8d4558d13495b"> <a href="https://www.blogduwebdesign.com/blog/webdesign/idees-cadeaux-webdesigner-saint-valentin.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/blogduwebdesign-idees-cadeaux-geek-webdesigner-graphiste-saint-valentin-bougie-programmeur.webp?fx=c_300_200" alt="Blogduwebdesign idees cadeaux geek webdesigner graphiste saint valentin bougie programmeur" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/webdesign/idees-cadeaux-webdesigner-saint-valentin.html">14 id茅es cadeaux 脿 offrir 脿 un webdesigner pour la Saint-Valentin</a> </p> <p class="metas"> <span class="meta-date">Le 21/01/2025</span> </p> </div> </div> <div class="media blog-item" data-category="inspiration-graphique" data-date="01/14/2025" data-blog-id="65b7b165fa55d4558d1363ad"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/cartes-saint-valentin-originales-inspirantes.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/blogduwebdesign-inspiration-cartes-saint-valentin-originales-top-secret.webp?fx=c_300_200" alt="Blogduwebdesign inspiration cartes saint valentin originales top secret" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/cartes-saint-valentin-originales-inspirantes.html">14 id茅es de cartes de Saint-Valentin originales et inspirantes</a> </p> <p class="metas"> <span class="meta-date">Le 14/01/2025</span> </p> </div> </div> <div class="media blog-item" data-category="graphisme" data-date="01/08/2025" data-blog-id="6594199a5f52d4558d130605"> <a href="https://www.blogduwebdesign.com/blog/graphisme/guide-meilleures-pratiques-campagnes-emailing-soldes-hiver.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/campagnes-emailing-soldes-hiver.jpg?fx=c_300_200" alt="Campagnes emailing soldes hiver" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/guide-meilleures-pratiques-campagnes-emailing-soldes-hiver.html">Guide complet des meilleures pratiques pour vos campagnes emailing pour les soldes hiver</a> </p> <p class="metas"> <span class="meta-date">Le 08/01/2025</span> </p> </div> </div> <div class="media blog-item" data-category="graphisme" data-date="01/03/2025" data-blog-id="6769927da50ed4558d1314a1"> <a href="https://www.blogduwebdesign.com/blog/graphisme/couleur-pantone-de-l-annee.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/pantone-color-of-the-year-2025-landing-page-hero.webp?fx=c_300_200" alt="Pantone color of the year 2025 landing page hero" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/couleur-pantone-de-l-annee.html">D茅couvrez la couleur Pantone 2025, le Mocha Mousse</a> </p> <p class="metas"> <span class="meta-date">Le 03/01/2025</span> </p> </div> </div> </div> </div> </div> <div id="widget-2" class="widget" data-id="widget_menu" data-widget-num="2"> <div class="widget-content"> <div class="widget-menu list-group" data-addon="pages" id="group-id-408"> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/pages/outils-web/" >Outils pour les pros du web</a> </div> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/" >Ressources web design</a> </div> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/pages/tutoriels/" >Tutoriels UI & UX</a> </div> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/pages/definitions-web/" >D茅finitions web</a> </div> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/annuaire/agences-de-communication/" >Trouver une agence de communication</a> </div> </div> </div> </div> </div> </aside> </div> </div> <!-- //WRAPPER --> <footer id="footer"> <div id="rows-6480a45df7a5d4558d131b04" class="rows" data-total-pages="1" data-current-page="1"> <div id="row-6480a45df7a5d4558d131b04-1" class="row-container pos-1 page_1"> <div class="row-content container"> <h2 class="row-title text-center" data-line-v-id="6480a3cf2487d4558d130776"> Les sujets populaires </h2> <div class="row" data-role="line"> <div data-role="cell" data-size="xs" id="cell-6480a3cf248ed4558d13a28e" class="col " style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/pages/outils-web/outils-tech/cms/">10 plateformes pour créer une boutique en ligne</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-6480a45df798d4558d13a355" class="col" style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/pages/outils-web/outils-de-gestion-d-entreprise/logiciels-de-facturation/">10 logiciels de facturation simples pour les freelances</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-6480a45df79ad4558d13b70d" class="col" style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/pages/outils-web/outils-productivite/logiciels-crm/12-logiciels-crm-gratuits-pour-les-agences-et-les-freelances.html">Logiciels CRM gratuits</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-6480a45df79cd4558d138e58" class="col" style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-seo/">Les outils SEO</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-6480a45df79ed4558d13ae67" class="col" style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/avis-sur-le-theme-divi-elegantthemes.html">WordPress Divi</a></p> </div> </div> </div> </div> </div> <div id="row-6480a45df7a5d4558d131b04-2" class="row-container pos-2 page_1"> <div class="row-content container"> <div class="row" data-role="line"> <div data-role="cell" data-size="sm" id="cell-64917b29afb5d4558d13b621" class="col text-lg-right text-center align-self-stretch" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content d-flex flex-column justify-content-end col-no-widget"> <p class="h3">Le Blog du Webdesign</p> <ul class="list-unstyled"> <li><a href="/pages/contact.html">Contact</a></li> <li><a href="/pages/a-propos-du-blog-du-webdesign.html">À propos</a></li> <li><a href="/about/legal/">Mentions légales</a></li> <li class="mb-0"><a href="/annuaire/agences-de-communication/">Annuaire des agences de communication</a></li> </ul> </div> </div> <div data-role="cell" data-size="sm" id="cell-64917b29afb7d4558d13d360" class="col" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content col-no-widget"> <p class="text-center"><a href="https://www.blogduwebdesign.com/"><img alt="Logo Blog du Webdesign" class="img-fluid" height="100" loading="lazy" src="/medias/images/logo-bdwd-square-white.svg" width="100" /></a></p> <p class="text-muted text-center"><small>Copyright © 2025 <br /> Certaines pages de ce site contiennent des liens d’affiliation.</small></p> <p class="text-center mb-2"><a href="/pages/confidentialite.html">Politique de confidentialité</a></p> </div> </div> <div data-role="cell" data-size="sm" id="cell-64917b29afbad4558d138275" class="col text-center text-lg-left align-self-stretch" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content d-flex flex-column justify-content-end col-no-widget"> <p class="h3">Partenaires</p> <ul class="list-unstyled"> <li><a href="https://www.wuro.fr/">Wuro</a></li> <li><a href="https://www.agendaculturel.fr/">Agenda Culturel</a></li> <li>Edité par <a href="https://www.awelty.fr/" rel="noopener" target="_blank">Awelty</a></li> <li class="mb-0">Site fièrement créé avec <a href="https://www.e-monsite.com">e-monsite.com</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="container"> </div> <ul id="legal-mentions" class="footer-mentions"> <li><a href="https://www.blogduwebdesign.com/about/legal/">Mentions l茅gales</a></li> </ul> </footer> <script> // Sendinblue script (function($) { var dateFormat; if( $("input[name='hdn_new_format']").length ) { dateFormat = sib_dateformat; } else { dateFormat = 'dd/mm/yyyy'; } $('.tooltip').css({left: '101%'}); // check if inputed sms value is valid function isValidSms(smsField, sms) { sms = sms.replace(/\b(0(?!\b))+/g, ""); var tempSms = sms.replace(/( |\(|\)|\.|\-)/g, ''); if (tempSms.length > 19 || tempSms.length < 6) { return false; } return true; } // check if inputed date value is valid function isValidDate(date) { var filter; if(dateFormat == 'dd/mm/yyyy') { filter = /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/g; } if(dateFormat == 'dd-mm-yyyy') { filter = /^(((0[1-9]|[12]\d|3[01])-(0[13578]|1[02])-((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)-(0[13456789]|1[012])-((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])-02-((19|[2-9]\d)\d{2}))|(29-02-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/g; } else if(dateFormat == 'mm-dd-yyyy') { filter = /^(((0[13578]|1[02])-(0[1-9]|[12]\d|3[01])-((19|[2-9]\d)\d{2}))|((0[13456789]|1[012])-(0[1-9]|[12]\d|30)-((19|[2-9]\d)\d{2}))|(02-(0[1-9]|1\d|2[0-8])-((19|[2-9]\d)\d{2}))|(02-29-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/g; } if (filter.test(date)) { return true; } return false; } // allow to input digit and + only for sms function validateInteger(smsLength, evt) { var theEvent = evt || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode( key ); // 0-9, +/-, space, brackets var regex = /[ +0-9()-]/; if( smsLength == 'date' ) { regex = /[ 0-9-]/; smsLength = 0; } if( !regex.test(key) || smsLength > 19 ) { theEvent.returnValue = false; key = theEvent.keyCode; // ignore input for del,tab, back, left, right, home and end key if(theEvent.preventDefault && key != 9 && key != 8 ) theEvent.preventDefault(); } } $('#'+sib_prefix+'_embed_signup .'+sib_prefix+'-container').find('.hidden-btns').remove(); $('#'+sib_prefix+'_embed_signup .'+sib_prefix+'-container').find('.message_area').remove(); // add interest list ids for unsubscribe lists per interesting if( $('.sib_list_row').length && !$('input[name=interestLists]').length ) { var interestList = ''; $('.sib_list_row .sib_list').each(function(){ interestList += '~' + $(this).data('listid'); }); $('.sib_list_row').append('<input type="hidden" name="interestLists" value="' + interestList + '">'); } $('#'+sib_prefix+'_embed_signup #theform').on('submit',function() { var theForm = $(this); if (theForm.hasClass(sib_prefix+'_processing')) { return false; } var wrapper = theForm.closest('.forms-builder-wrapper'); wrapper.find('#'+sib_prefix+'_loading_gif_area').width(theForm.width()).height(theForm.height()); var reqField = theForm.find('#req_hid').val(); var primaryType = wrapper.find('#primary_type').val() == 'undefined' ? 'email' : wrapper.find('#primary_type').val(); if(primaryType == 'email') { reqField = 'email' + reqField; }else{ reqField = 'SMS' + reqField; } var required = reqField.split("~"); var sendinblueFormLang = wrapper.find('#'+sib_prefix+'_embed_signup_lang').val(); var emptyError = "Please complete this field."; var emailError = wrapper.find('#'+sib_prefix+'_embed_invalid_email_message').val(); var smsError = 'The SMS field must contain between 6 and 19 digits.'; var dateError = "Invalid date format"; if (sendinblueFormLang == "fr") { emptyError = "Merci de remplir ce champ."; smsError = 'Le champ SMS doit contenir entre 6 et 19 chiffres.'; dateError = "Date de format invalide"; } else if (sendinblueFormLang == "es") { emptyError = "Por favor, complete este campo"; smsError = 'El campo SMS debe contener entre 6 y 19 cifras.'; dateError = "Formato de fecha no v脙隆lido"; } else if (sendinblueFormLang == "pt") { emptyError = "Preencha este campo."; smsError = 'O campo SMS deve conter entre 6 e 19 d脙颅gitos.'; dateError = "O formato da data 脙漏 inv脙隆lido"; } else if (sendinblueFormLang == "it") { emptyError = "Compilare questo campo."; smsError = 'Il campo SMS deve contenere dai 6 ai 19 caratteri.'; dateError = "Il formato della data non 脙篓 valido"; } else if (sendinblueFormLang == "de") { emptyError = "Bitte f脙录llen Sie dieses Feld aus."; smsError = 'Das SMS-Feld muss 6 bis 19 Ziffern enthalten.'; dateError = "Ung脙录ltiges Datumsformat"; } theForm.find('div.alert').remove(); theForm.find('.message_area').remove(); for (i = 0; i < required.length; i++) { if ( required[i] == 'interestList' ) { if( $('.sib_list_row input:checkbox:checked').length == 0 ) { $('.sib_list_row').addClass("needsfilled"); $('.sib_list_row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } }else { var input = theForm.find('input[name="' + required[i] + '"]'); var inputType = input.attr('type'); if (inputType == 'text' || inputType == 'number') { if (input.val() == "" || input.val() == emptyError) { input.closest('.row').addClass("needsfilled"); input.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } else { if (required[i] == 'email') { if (typeof EMAIL_REGEX != 'undefined' && !EMAIL_REGEX.test(input.val())) { input.closest('.row').addClass("needsfilled"); input.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emailError + '</div>'); input.val(''); } else { input.closest('.row').removeClass("needsfilled"); } } else if (required[i] == 'SMS') { if ($('#sms_prefix').length && $('#sms_prefix').val() == '') { input.closest('.row').addClass("needsfilled"); input.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } else { input.closest('.row').removeClass("needsfilled"); } } else { input.closest('.row').removeClass("needsfilled"); } } } else if (inputType == 'radio') { if (input.is(':checked') == false) { input.closest('.row').addClass("needsfilled"); input.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } } else if (required[i] == 'Captcha' && typeof grecaptcha != 'undefined') { var captchaResponse = grecaptcha.getResponse(); if (captchaResponse.length == 0) { $(".captcha > div.row").addClass("needsfilled"); $(".captcha > div.row").append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } else { $(".captcha > div.row").removeClass("needsfilled"); } } else { var fields = input.serializeArray(); if (fields.length == 0) { input.closest('.row').addClass("needsfilled"); } else { input.closest('.row').removeClass("needsfilled"); } } } } $(".row").each(function(){ var spanElement = $(this).find('span'); var ele = $(this).find("input"); var alertWidth = ele.width() + 10; var smsPrefix = ($(this).find('#sms_prefix').length > 0 ) ? $(this).find('#sms_prefix').val() : ''; if ( $(this).find('input[name=SMS]').length > 0 ) { var ele_sms = $(this).find('input[name=SMS]'); if (!isValidSms(ele_sms, smsPrefix + ele_sms.val()) && ele_sms.val() != "") { ele_sms.closest('.row').addClass("needsfilled"); ele_sms.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;width:' + alertWidth + ';"><button type="button" class="close">x</button>'+ smsError +'</div>' ); ele_sms.val(''); } } if(spanElement.text() == dateFormat){ if (!isValidDate(ele.val()) && ele.val() != ""){ ele.closest('.row').addClass("needsfilled"); ele.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;width:' + alertWidth + ';"><button type="button" class="close">x</button>'+ dateError +'</div>' ); ele.val(''); } } }); $('div.message_area button.close').on('click', function() { $(this).parent().remove(); }); if (theForm.find('input').closest('.row').hasClass("needsfilled") || $(".captcha > div.row").hasClass("needsfilled")) { return false; }else{ // submit ajax process --> coding here var requestUrl = theForm.attr('action'); var postData = theForm.serialize(); theForm.addClass(sib_prefix+'_processing'); theForm.parent().find('#'+sib_prefix+'_loading_gif_area').show(); theForm.css('opacity', '0.5'); $.ajax({ url:requestUrl, data : postData, dataType:'json', type:'POST', beforeSend:function(){ }, success:function(data){ var theForm = $('.'+sib_prefix+'_processing'); theForm.parent().find('#'+sib_prefix+'_loading_gif_area').hide(); theForm.css('opacity', '1'); if (data.result != undefined) { if ((data.result.result == 'success') || (data.result.result == 'emailExist') || (data.result.result == 'OK') || (data.result.result == 'OK_UPDATE')) { backColor = '#dff0d8'; borderColor = '#d6e9c6'; color = '#3c763d'; theForm[0].reset(); theForm.find('input:radio').prop('checked', false); } else { backColor = '#f2dede'; borderColor = '#ebccd1'; color = '#a94442'; } var messageHtml = '<div class="message_area" style="background-color: ' + backColor + ';border:1px solid ' + borderColor + '; color: ' + color + '"><button type="button" class="close">x</button>'; if (data.result.result == 'success' || data.result.result == 'OK') { messageHtml += data.result.succcess_msg; if (data.result.smsExist != ''){ var smsMSG = ''; var smsNumber = data.result.smsExist; smsMSG = data.result.smsExist_msg.split('[number]'); messageHtml += '. '+smsMSG[0]+smsNumber+smsMSG[1]; } if (data.result.url_redirect != '') { location.href = data.result.url_redirect; } } else if(data.result.result == 'sms_emailExist') { var emailMSG = ''; var emailAddress = data.result.emailExist; emailMSG = data.result.emailExist_msg.split('[address]'); messageHtml += '. '+emailMSG[0]+emailAddress+emailMSG[1]; } else if(data.result.result == 'invalid_request' || data.result.result == 'invalidEmail') { messageHtml += data.result.invalid_err_msg; } else if(data.result.result == 'invalidSms') { messageHtml += data.result.invalidSms_msg; } else if(data.result.result == 'emailExist' || data.result.result == 'OK_UPDATE') { messageHtml += data.result.exist_err_msg; if (data.result.smsExist != ''){ var smsMSG = ''; var smsNumber = data.result.smsExist; smsMSG = data.result.smsExist_msg.split('[number]'); messageHtml += '. '+smsMSG[0]+smsNumber+smsMSG[1]; } if (data.result.url_redirect != '') { location.href = data.result.url_redirect; } } else if(data.result.result == 'dateFormat' || data.result.result == 'reqMiss' ) { messageHtml += data.result.general_err_msg; } else if(data.result.result == 'invalidCaptcha') { messageHtml += data.result.general_err_msg; } messageHtml += '</div>'; theForm.find('.'+sib_prefix+'-container').prepend(messageHtml); $('div.message_area button.close').on('click', function() { $(this).parent().remove(); }); theForm.removeClass(sib_prefix+'_processing'); } } }); } return false; }); $('#'+sib_prefix+'_embed_signup :input').on('click',function() { if ($(this).closest('.row').hasClass("needsfilled") ) { $(this).closest('.row').find('div.message_area').remove(); $(this).closest('.row').removeClass("needsfilled"); } }); $('#'+sib_prefix+'_embed_signup input[type=radio]').on('click',function(){ if ($(this).closest('.row').hasClass("needsfilled") ) { $(this).attr('checked', true); $(this).closest('.row').find('div.message_area').remove(); $(this).closest('.row').removeClass("needsfilled"); } }); // allow to input 0-9 and - only for date field $("input").on('keypress', function(event) { if($(this).closest(".row").find("." + sib_prefix + "_dateformat").length > 0){ validateInteger('date', event); } }); $("#SMS").on('keypress', function (event){ var length = $(this).val().length; validateInteger(length, event); }); $("input[type=number]").on('keypress', function(event) { var theEvent = event || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode( key ); // 0-9, +/-, space, brackets var regex = /[0-9]/; if( !regex.test(key)) { theEvent.returnValue = false; key = theEvent.keyCode; // ignore input for del,tab, back, left, right, home and end key if(theEvent.preventDefault && key != 9 && key != 8 ) theEvent.preventDefault(); var eleRow = $(this).closest('.row'); var frmLang = eleRow.closest('.forms-builder-wrapper').find('#'+sib_prefix+'_embed_signup_lang').val(); var numberError = "Please enter a number."; if (frmLang == "fr") { numberError = "Veuillez entrer un nombre."; } else if (frmLang == "es") { numberError = "Please enter a number."; } else if (frmLang == "pt") { numberError = "Please enter a number."; } else if (frmLang == "it") { numberError = "Please enter a number."; } else if (frmLang == "de") { numberError = "Please enter a number."; } if( !eleRow.find('.message_area').length) { eleRow.append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442"><button type="button" class="close">x</button>' + numberError + '</div>' ); } } }); $(document).on('click', '.message_area .close', function() { $(this).closest('.message_area').remove(); }); $(document).on('click', '.sib-dropdown-toggle.country-flg', function() { $(".country-block ul").toggle(); }); $(document).on( 'click', '.country-block ul li a' ,function() { var code = $(this).data('code'); var cCode = $(this).data('c_code'); $('.sib-dropdown-toggle .cflags').attr('class','cflags'); $('.sib-dropdown-toggle .cflags').addClass(cCode); // update country prefix $('#sms_prefix').val('+' + code); $(".country-block ul").hide(); }); $(document).bind('click', function(e) { var $clicked = $(e.target); if (! $clicked.parents().hasClass("country-block")) $(".country-block ul").hide(); }); if( $('.sms_field .country-block').length ) { var cflagsClasses = $('.sib-dropdown-toggle .cflags').attr('class').split(' '); if(cflagsClasses[1] && cflagsClasses[1] != '') { var countryCode = $('.sib-dropdown-menu').find('[data-c_code="' + cflagsClasses[1] + '"]').data('code'); // update country prefix $('#sms_prefix').val('+' + countryCode); } else { $('.sib-dropdown-toggle .cflags').addClass('FR'); var countryCode = $('.sib-dropdown-menu').find('[data-c_code="FR"]').data('code'); // update country prefix $('#sms_prefix').val('+' + countryCode); } } // set last submit to avoid refresh post $("#hdn_email_txt").val(new Date().getTime()); // gCaptcha responsive function rescale_gCaptcha(){ var width = $('#theform').find('#gcaptcha').parent().width(); if (width < 350) { var scale = width / 350; $('#gcaptcha').css('transform', 'scale(' + scale + ')'); $('#gcaptcha').css('-webkit-transform', 'scale(' + scale + ')'); $('#gcaptcha').css('transform-origin', '0 0'); $('#gcaptcha').css('-webkit-transform-origin', '0 0'); } } rescale_gCaptcha(); $(window).on('resize', function(){ rescale_gCaptcha(); }); $('#gcaptcha').css('margin-left', '0px'); }(jQuery));//end Sendinblue script </script> </body> </html>