{"id":19878,"date":"2020-07-23T10:30:41","date_gmt":"2020-07-23T08:30:41","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=19878"},"modified":"2025-08-20T17:23:36","modified_gmt":"2025-08-20T15:23:36","slug":"web-design-comment-utiliser-pop-in-popup-site","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/","title":{"rendered":"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0?"},"content":{"rendered":"<p>Les pop-up ne sont pas toujours bien vues par Google, qui n\u2019aime pas trop tout ce qui amoindrit l\u2019exp\u00e9rience utilisateur.<\/p>\n<p>Certains navigateurs, comme <a href=\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\">Chrome ou Firefox<\/a>, les bloquent syst\u00e9matiquement. Faut-il pour autant vous en passer\u00a0?<\/p>\n<p>Non, vous pouvez les remplacer par un pop-in\u00a0! Petit tour d\u2019horizon sur des mani\u00e8res cr\u00e9atives d\u2019augmenter votre <a href=\"https:\/\/graphiste.com\/blog\/astuces-booster-conversions-bannieres-web\" target=\"_blank\" rel=\"noopener noreferrer\">taux de conversion.<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Le pop-in, rempla\u00e7ant de la pop-up\u00a0?<\/h2>\n<p>Techniquement, la pop-up est une nouvelle fen\u00eatre ouverte par le navigateur.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19883\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/retarget-768x576-1.png\" alt=\"pop up cr\u00e9ative\" width=\"768\" height=\"576\" \/><\/p>\n<p>Un peu comme un diable qui surgit hors de la bo\u00eete quand vous l\u2019ouvrez. Et sur lequel vous devez appuyer pour le faire dispara\u00eetre.<\/p>\n<figure id=\"attachment_19884\" aria-describedby=\"caption-attachment-19884\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-19884\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/test-modal-7-final-e1594978008156.jpg\" alt=\"pop in redacteur\" width=\"650\" height=\"484\" \/><figcaption id=\"caption-attachment-19884\" class=\"wp-caption-text\">Pop-up du site <a href=\"https:\/\/www.redacteur.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Redacteur.com<\/a><\/figcaption><\/figure>\n<p>Le pop-in, quant \u00e0 elle, est directement <strong>int\u00e9gr\u00e9e \u00e0 la page.<\/strong> C\u2019est du code qui la fait appara\u00eetre ou dispara\u00eetre.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19887\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/pop-in-inscription-news.png\" alt=\"\" width=\"476\" height=\"179\" \/><\/p>\n<p>Pour l\u2019internaute, la diff\u00e9rence peut sembler minime, puisqu\u2019il devra souvent cliquer sur une petite croix pour la r\u00e9duire ou la faire dispara\u00eetre. Mais pour le r\u00e9f\u00e9rencement, \u00e7a change tout\u00a0!<\/p>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/5-erreurs-ergonomie-interface\">5 erreurs \u00e0 ne plus faire sur une interface utilisateur<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Les principaux formats de pop-in<\/h2>\n<p>Vous avez en votre possession un jeu de cartes complet, dans lequel vous pouvez piocher \u00e0 votre guise, pour choisir de quelle mani\u00e8re vous allez faire appara\u00eetre votre pop-in.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19886\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/illustrations-768x576-1.png\" alt=\"\" width=\"768\" height=\"576\" \/><\/p>\n<ul>\n<li><strong>La scroll box (ou fen\u00eatre d\u00e9roulante)<\/strong><br \/>\nLa scroll box appara\u00eet sur la page du site, et reste visible, toujours au m\u00eame endroit, alors que vous faites d\u00e9filer la page.<\/li>\n<li><strong>La classique<\/strong><br \/>\nC\u2019est la fen\u00eatre qui appara\u00eet spontan\u00e9ment au centre de la page et qui s\u2019y superpose (par exemple, pour demander le consentement li\u00e9 au RGPD, mais pas seulement).<\/li>\n<li><strong>La welcome mat<\/strong><br \/>\nCelle-ci recouvre et opacifie toute la page web. Il est donc impossible de lire ce qui est pr\u00e9sent\u00e9 sur la page sans avoir interagi avec elle. Comme elle sert de message de bienvenue, elle appara\u00eet souvent avant tout autre visuel (ce qui est un pari risqu\u00e9\u00a0: les internautes risquent juste d\u2019y essuyer leur souris, sans rentrer chez vous).<\/li>\n<li><strong>La smart bar<\/strong><br \/>\nC\u2019est la plus discr\u00e8te d\u2019entre toutes, puisqu\u2019il s\u2019agit d\u2019une simple barre de navigation, en haut ou en bas de la page. Il reste possible de parcourir le site internet sans prendre attention \u00e0 cette pop-in. Son c\u00f4t\u00e9 peu intrusif est particuli\u00e8rement pertinent pour les \u00e9crans les plus petits.<\/li>\n<li><strong>La clic trigger<\/strong><br \/>\nLa moins intrusive de toutes les pop-in\u00a0: elle n\u2019appara\u00eet que suite \u00e0 l\u2019action de l\u2019internaute. Par exemple, apr\u00e8s avoir cliqu\u00e9 sur un lien. Elle semble donc tout \u00e0 fait pertinente dans l\u2019exp\u00e9rience de navigation.<\/li>\n<\/ul>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/comment-creer-un-pop-up-efficace%e2%80%89\">Comment cr\u00e9er un pop-up efficace\u2009?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Des contenus utiles pour votre pop-in<\/h2>\n<p>La plupart des pop-up ont deux buts\u00a0: obtenir une adresse mail ou vendre un produit.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19881\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/pop-in-up-concours.png\" alt=\"pop in concours\" width=\"611\" height=\"458\" \/><\/p>\n<p>Dans le premier cas, il est de bon ton d\u2019offrir quelque chose en \u00e9change, que ce soit un cadeau, un ebook ou un bon de r\u00e9duction.<\/p>\n<p>Profitez-en, le cas \u00e9ch\u00e9ant, pour segmenter vos listes d\u2019abonn\u00e9s<em> (en gardant en t\u00eate qu\u2019il est beaucoup plus facile d\u2019obtenir des r\u00e9ponses \u00e0 un formulaire court).<\/em><\/p>\n<blockquote><p>Vous pouvez aussi pr\u00e9voir une pop-up ou pop-in qui annonce une nouveaut\u00e9 sur votre site, ou qui accueille un client r\u00e9gulier avec une offre all\u00e9chante qui lui est d\u00e9di\u00e9e.<\/p><\/blockquote>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19882\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/segmenter-768x576-1.png\" alt=\"\" width=\"684\" height=\"513\" \/><\/p>\n<p>Utilisez les techniques modernes pour\u00a0:<\/p>\n<ul>\n<li>envoyer directement la r\u00e9ponse sur messenger\u00a0;<\/li>\n<li>int\u00e9grer un compte \u00e0 rebours avant l\u2019expiration de votre offre\u00a0;<\/li>\n<li>int\u00e9grer une<strong> carte g\u00e9olocalis\u00e9e<\/strong> de votre boutique\u00a0;<\/li>\n<li>proposer un produit compl\u00e9mentaire suite \u00e0 une commande\u00a0;<\/li>\n<li>rappeler \u00e0 la personne qui quitte votre site qu\u2019elle n\u2019a pas valid\u00e9 son panier.<\/li>\n<\/ul>\n<p>Un\u00a0<strong>pop-in color\u00e9<\/strong>, et qui correspond \u00e0 la charte \u00e9ditoriale de votre site web, \u00e0 plus de chance d\u2019\u00eatre appr\u00e9ci\u00e9.\u00a0Ne n\u00e9gligez pas plus leur apparence que celle du reste de vos pages internet\u00a0!<\/p>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/idees-creatives-booster-ventes-e-commerce\">E-commerce&nbsp;: 10 id\u00e9es cr\u00e9atives pour booster vos ventes<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Les pop-up ne sont pas toujours bien vues par Google, qui n\u2019aime pas trop tout ce qui amoindrit l\u2019exp\u00e9rience utilisateur. Certains navigateurs, comme Chrome ou Firefox, les bloquent syst\u00e9matiquement. Faut-il pour autant vous en passer\u00a0? Non, vous pouvez les remplacer par un pop-in\u00a0! Petit tour d\u2019horizon sur des mani\u00e8res cr\u00e9atives d\u2019augmenter votre taux de conversion. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":19892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-19878","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0? - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Les pop-up ne sont pas toujours bien vues par Google, qui n\u2019aime pas trop tout ce qui amoindrit l\u2019exp\u00e9rience utilisateur. Certains navigateurs, comme\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0? - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Les pop-up ne sont pas toujours bien vues par Google, qui n\u2019aime pas trop tout ce qui amoindrit l\u2019exp\u00e9rience utilisateur. Certains navigateurs, comme\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-23T08:30:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:23:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0?\",\"datePublished\":\"2020-07-23T08:30:41+00:00\",\"dateModified\":\"2025-08-20T15:23:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/\"},\"wordCount\":700,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/\",\"url\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/\",\"name\":\"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0? - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg\",\"datePublished\":\"2020-07-23T08:30:41+00:00\",\"dateModified\":\"2025-08-20T15:23:36+00:00\",\"description\":\"Les pop-up ne sont pas toujours bien vues par Google, qui n\u2019aime pas trop tout ce qui amoindrit l\u2019exp\u00e9rience utilisateur. Certains navigateurs, comme\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0? - Graphiste Blog","description":"Les pop-up ne sont pas toujours bien vues par Google, qui n\u2019aime pas trop tout ce qui amoindrit l\u2019exp\u00e9rience utilisateur. Certains navigateurs, comme","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/","og_locale":"fr_FR","og_type":"article","og_title":"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0? - Graphiste Blog","og_description":"Les pop-up ne sont pas toujours bien vues par Google, qui n\u2019aime pas trop tout ce qui amoindrit l\u2019exp\u00e9rience utilisateur. Certains navigateurs, comme","og_url":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2020-07-23T08:30:41+00:00","article_modified_time":"2025-08-20T15:23:36+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0?","datePublished":"2020-07-23T08:30:41+00:00","dateModified":"2025-08-20T15:23:36+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/"},"wordCount":700,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/","url":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/","name":"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0? - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg","datePublished":"2020-07-23T08:30:41+00:00","dateModified":"2025-08-20T15:23:36+00:00","description":"Les pop-up ne sont pas toujours bien vues par Google, qui n\u2019aime pas trop tout ce qui amoindrit l\u2019exp\u00e9rience utilisateur. Certains navigateurs, comme","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/07\/une-graphiste-pop-up-in-creatif-inspiration-comment-faire-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-pop-in-popup-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Web design\u00a0: comment utiliser les pop-ins sur votre site web\u00a0?"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/19878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=19878"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/19878\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/19892"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=19878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=19878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=19878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}