{"id":89282,"date":"2022-08-30T09:48:44","date_gmt":"2022-08-30T07:48:44","guid":{"rendered":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/"},"modified":"2020-09-19T23:03:31","modified_gmt":"2020-09-20T02:03:31","slug":"como-crear-un-menu-emergente-receptivo","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/","title":{"rendered":"Comment cr\u00e9er un menu contextuel r\u00e9actif"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Basculer la table des mati\u00e8res\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Basculer<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Disene-la-ventana-emergente-y-su-contenido\" >Concevoir la fen\u00eatre contextuelle et son contenu<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Ventana-emergente%3E-Ficha-Diseno\" >Fen\u00eatre contextuelle&gt; Onglet Conception<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Ventana-emergente%3E-pestana-Estilo\" >Fen\u00eatre contextuelle&gt; onglet Style<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Surgir\" >Surgir<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Boton-Cerrar\" >Bouton Fermer<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Ventana-emergente%3E-Pestana-avanzada\" >Popup&gt; onglet Avanc\u00e9<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Disena-la-primera-columna\" >Concevoir la premi\u00e8re colonne<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion%3E-Diseno\" >Section&gt; Conception<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion%3E-Avanzado\" >Section&gt; Avanc\u00e9<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Crear-el-resto-de-los-elementos-del-menu\" >Cr\u00e9er le reste des \u00e9l\u00e9ments de menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Agregar-un-boton-al-menu\" >Ajouter un bouton au menu<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Agregar-botones-de-compartir-al-menu\" >Ajouter des boutons de partage au menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Compartir-botones%3E-Contenido\" >Boutons de partage&gt; Contenu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Botones-de-compartir%3E-Estilo\" >Boutons de partage&gt; Style<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Disena-la-segunda-columna\" >Concevoir la deuxi\u00e8me colonne<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Columna%3E-Estilo\" >Colonne&gt; Style<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Antecedentes\" >Ant\u00e9c\u00e9dents<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Crear-el-boletin-Suscribirse-al-formulario-de-llamada-a-la-accion\" >Cr\u00e9er la newsletter Abonnez-vous au formulaire d&#039;appel \u00e0 l&#039;action<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion-interior%3E-Avanzado\" >Section int\u00e9rieure&gt; Avanc\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Formulario%3E-Contenido\" >Formulaire&gt; Contenu<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Campos-de-formulario\" >Champs de formulaire<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Boton-de-enviar\" >Bouton de soumission<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Forma%3E-Estilo\" >Forme&gt; Style<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Formar\" >Former<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Campo\" >Campagne<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Boton\" >Bouton<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Crear-la-pantalla-de-productos\" >Cr\u00e9er la pr\u00e9sentation du produit<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion-interior%3E-Avanzado-2\" >Section int\u00e9rieure&gt; Avanc\u00e9<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Sensible\" >Sensible<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion-interior%3E-Diseno\" >Section int\u00e9rieure&gt; Design<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Editar-la-columna\" >Modifier la colonne<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Columna%3E-Avanzado\" >Colonne&gt; Avanc\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Titulo%3E-Estilo\" >Titre&gt; Style<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Titulo%3E-Avanzado\" >Titre&gt; Avanc\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Columna%3E-Estilo-2\" >Colonne&gt; Style<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Antecedentes-2\" >Ant\u00e9c\u00e9dents<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Frontera\" >Fronti\u00e8re<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Sombra-de-caja-normal\" >Ombre de la bo\u00eete (normale)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-39\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Sombra-de-caja-flotar\" >Ombre de bo\u00eete (flottant)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-40\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Imagen\" >Photo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-41\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Titulo%3E-Estilo-2\" >Titre&gt; Style<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-42\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Ajustar-para-movil\" >Fit pour mobile<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-43\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion-interior%3E-Avanzado-3\" >Section int\u00e9rieure&gt; Avanc\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-44\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Configuracion-emergente%3E-Diseno\" >Param\u00e8tres de la fen\u00eatre contextuelle&gt; Mise en page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-45\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Formar-2\" >Former<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-46\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Establecer-las-opciones-de-publicacion\" >D\u00e9finir les options de publication<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-47\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Edite-la-plantilla-de-encabezado-creada-por-Elementor-de-su-sitio\" >Modifier le mod\u00e8le d&#039;en-t\u00eate cr\u00e9\u00e9 par Elementor de votre site<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-48\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/#Boton-2\" >Bouton<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<div class=\"contentWrapper withRelated\">\n<article id=\"fullArticle\">\n<p>  Cr\u00e9ez un menu contextuel r\u00e9actif qui est lanc\u00e9 \u00e0 partir d&#039;un bouton de menu dans l&#039;en-t\u00eate de votre site.<\/p>\n<p>  Vous apprendrez \u00e0 cr\u00e9er un menu contextuel qui:<\/p>\n<ul>\n<li>C&#039;est attrayant, fonctionnel et beau.<\/li>\n<li>R\u00e9ponse sur mobile<\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" title=\"Cr\u00e9er un menu r\u00e9actif dans WordPress \u00e0 l&#039;aide de fen\u00eatres contextuelles\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/_sJRHSmIpp8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe> <\/iframe><\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Disene-la-ventana-emergente-y-su-contenido\"><\/span>Concevoir la fen\u00eatre contextuelle et son contenu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>Aller <em>Mod\u00e8les&gt; Pop-ups&gt; Ajouter nouveau<\/em> et donnez un nom \u00e0 votre nouvelle fen\u00eatre contextuelle. (Une autre m\u00e9thode consiste \u00e0 appuyer sur <strong>CMD + E<\/strong> ou <strong>CTRL + E<\/strong> ouvrir <em>D\u00e9couvreur<\/em>, recherchez Popup, choisissez <strong>Ajouter une nouvelle fen\u00eatre contextuelle<\/strong>et donnez-lui un nom.)<\/li>\n<li>Choisissez un mod\u00e8le de popup pr\u00e9d\u00e9fini ou fermez la superposition de la biblioth\u00e8que et concevez votre popup \u00e0 partir de z\u00e9ro. Pour cet exemple, nous concevrons le n\u00f4tre, mais <strong>vous pouvez \u00e9galement trouver ce mod\u00e8le dans votre biblioth\u00e8que de mod\u00e8les contextuels Elementor Pro<\/strong>. Recherchez simplement &quot;menu&quot; dans la biblioth\u00e8que Popups pour le trouver.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Ventana-emergente%3E-Ficha-Diseno\"><\/span>Fen\u00eatre contextuelle&gt; Onglet Conception<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><b style=\"background-color: initial;\">Largeur<\/b>: R\u00e9gl\u00e9 sur 85vw<\/li>\n<li><b style=\"background-color: initial;\">Couverture<\/b>: Cacher<\/li>\n<li><b style=\"background-color: initial;\">Animation d&#039;entr\u00e9e<\/b>: Fusionner<\/li>\n<li><b style=\"background-color: initial;\">Dur\u00e9e de l&#039;animation<\/b>: 2 secondes<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Ventana-emergente%3E-pestana-Estilo\"><\/span>Fen\u00eatre contextuelle&gt; onglet Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Surgir\"><\/span>Surgir<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p> <strong style=\"background-color: initial;\">Ombre de la bo\u00eete<\/strong>: D\u00e9finissez-les comme vous le souhaitez.<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Boton-Cerrar\"><\/span>Bouton Fermer<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Position verticale<\/strong>: 4<\/li>\n<li><strong>Couleur<\/strong>: D\u00e9finit la couleur sur # 878787<\/li>\n<li><strong>Taille<\/strong>: 35<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Ventana-emergente%3E-Pestana-avanzada\"><\/span>Popup&gt; onglet Avanc\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p> <strong style=\"background-color: initial; font-size: 14px;\">\u00c9vitez de chevaucher la fermeture<\/strong>: Oui<\/p>\n<hr>\n<p>  Ajoutez maintenant une section avec deux colonnes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Disena-la-primera-columna\"><\/span>Concevoir la premi\u00e8re colonne<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Seccion%3E-Diseno\"><\/span>Section&gt; Conception<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><b style=\"background-color: initial;\">Largeur du contenu<\/b>: Pleine largeur<\/li>\n<li><b style=\"background-color: initial;\">Espacement des colonnes<\/b>: Pas d&#039;espace<\/li>\n<\/ol>\n<p>  Faites glisser un widget de section interne vers la premi\u00e8re colonne. <\/p>\n<p>  Au dessous de <em>Section<\/em> > <em>La conception<\/em> > <em>Espacement des colonnes<\/em>, mettre en place <strong>Pas d&#039;espace<\/strong>.<\/p>\n<p>  Au dessous de  <em>Section<\/em> > <em>Avanc\u00e9e<\/em>, mettre en place <strong>Farci<\/strong> 70 px autour. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Seccion%3E-Avanzado\"><\/span>Section&gt; Avanc\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p> <strong style=\"background-color: initial; font-size: 14px;\">Farci<\/strong>: 70 haut, bas, gauche et droite.<\/p>\n<hr>\n<p>  Faites glisser un widget En-t\u00eate vers la premi\u00e8re colonne.<\/p>\n<p>  Au dessous de <em>Style<\/em> > <em>Typographie<\/em>, r\u00e9glez la taille sur 60 et moins <em>Poids<\/em> mis \u00e0 100.<\/p>\n<p class=\"callout-green\"> <strong>Conseil<\/strong>: Le moment est venu d&#039;ajuster les titres &#039; <strong>Configuration mobile<\/strong>.<\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Crear-el-resto-de-los-elementos-del-menu\"><\/span>Cr\u00e9er le reste des \u00e9l\u00e9ments de menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>Faites un clic droit sur le contr\u00f4le du widget de titre <img alt='fichier-9cmvbalpw7-1884886' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-1884886.jpg' class=\"inline\" style=\"height:28px;\">et choisissez Dupliquer. <\/li>\n<li>R\u00e9p\u00e9tez la duplication pour tous les \u00e9l\u00e9ments de menu dont vous avez besoin.<\/li>\n<li>Modifiez le texte du titre de chaque widget d&#039;en-t\u00eate pour \u00e9tiqueter correctement chaque \u00e9l\u00e9ment de menu<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Agregar-un-boton-al-menu\"><\/span>Ajouter un bouton au menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>  Faites glisser un widget bouton sous les \u00e9l\u00e9ments du menu et ajustez-le \u00e0 votre guise.<\/p>\n<p>  Sous l&#039;onglet Avanc\u00e9&gt; Marge, d\u00e9finissez sur 70 pour le haut, puis cliquez sur l&#039;ic\u00f4ne de la fen\u00eatre responsive, cliquez sur l&#039;ic\u00f4ne Mobile et d\u00e9finissez la marge du mobile sur 40 pour le haut.<\/p>\n<hr>\n<p>  Faites glisser un autre <strong>Section int\u00e9rieure<\/strong> widget dans la premi\u00e8re colonne sous le bouton.<\/p>\n<ol>\n<li>  Au dessous de <em>Section<\/em> > <em>La conception<\/em> > <em>Largeur<\/em>, mettre en place <strong>Pleine largeur<\/strong>. <\/li>\n<li>  Au dessous de <em>Section<\/em> > <em>Disposition&gt; Espacement des colonnes, <\/em>ensemble <strong>Pas d&#039;espace<\/strong>.  <\/li>\n<li>  Dans Section&gt; Avanc\u00e9&gt; Remplir, d\u00e9finissez 30 pour Haut, 70 pour Droite, 50 pour Bas et 70 pour Gauche. <\/li>\n<li>  Maintenant, faites un clic droit sur une poign\u00e9e de colonne <img alt='fichier-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> et s\u00e9lectionnez <strong>Se d\u00e9barrasser de <\/strong>pour supprimer l&#039;une des colonnes, ne vous en laissant qu&#039;une. <\/li>\n<\/ol>\n<hr>\n<h4><span class=\"ez-toc-section\" id=\"Agregar-botones-de-compartir-al-menu\"><\/span>Ajouter des boutons de partage au menu<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>  Faites glisser un widget Boutons de partage (Pro) vers la colonne.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Compartir-botones%3E-Contenido\"><\/span>Boutons de partage&gt; Contenu<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li>Modifiez les \u00e9l\u00e9ments du r\u00e9seau social si n\u00e9cessaire.<\/li>\n<li><strong>Peau<\/strong>: Le minimum<\/li>\n<li><strong>Alignement<\/strong>: Gauche<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Botones-de-compartir%3E-Estilo\"><\/span>Boutons de partage&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Taille du bouton<\/strong>: 1<\/li>\n<li><strong>Couleur<\/strong>: Couleur personnalis\u00e9e et choisissez le noir (# 000000)<\/li>\n<\/ol>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Disena-la-segunda-columna\"><\/span>Concevoir la deuxi\u00e8me colonne<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>  Faites un clic droit sur l&#039;identifiant de la colonne <img alt='fichier-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> pour modifier les param\u00e8tres de la colonne.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Columna%3E-Estilo\"><\/span>Colonne&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Antecedentes\"><\/span>Ant\u00e9c\u00e9dents<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Couleur de l&#039;arri\u00e8re plan<\/strong>: R\u00e9gl\u00e9 sur # 000000 (noir)<\/li>\n<li><strong>Deuxi\u00e8me couleur<\/strong>: R\u00e9gl\u00e9 sur # 000000 (noir)<\/li>\n<\/ol>\n<p class=\"callout-yellow\"> <strong>Noter<\/strong>: Bien que la nouvelle couleur d&#039;arri\u00e8re-plan ait \u00e9t\u00e9 d\u00e9finie, vous ne la verrez pas encore, car il n&#039;y a pas encore de contenu dans la colonne.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Crear-el-boletin-Suscribirse-al-formulario-de-llamada-a-la-accion\"><\/span>Cr\u00e9er la newsletter Abonnez-vous au formulaire d&#039;appel \u00e0 l&#039;action<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p> <strong>  Faites glisser un widget de section int\u00e9rieure vers cette colonne.<\/strong><\/p>\n<p>  Faites un clic droit sur une poign\u00e9e de colonne <img alt='fichier-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> et s\u00e9lectionnez <strong>Se d\u00e9barrasser de <\/strong>pour supprimer l&#039;une des colonnes, ne vous en laissant qu&#039;une.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Seccion-interior%3E-Avanzado\"><\/span>Section int\u00e9rieure&gt; Avanc\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Marge<\/strong>: D\u00e9fini sur 130 uniquement pour le bas<\/li>\n<li><strong>Farci<\/strong>: D\u00e9fini sur 70 pour le haut, 60 pour la droite, 70 pour le bas et 60 pour la gauche<\/li>\n<\/ol>\n<p> <strong>  Faites glisser un widget d&#039;en-t\u00eate vers la colonne<\/strong><\/p>\n<p>  Ajustez le texte du titre (c&#039;est-\u00e0-dire abonnez-vous \u00e0 notre newsletter) et la taille, la couleur, etc. du texte selon les besoins.<\/p>\n<p> <strong>  Faites glisser un <\/strong>Former<strong> Widget (Pro) sous l&#039;en-t\u00eate<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Formulario%3E-Contenido\"><\/span>Formulaire&gt; Contenu<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Campos-de-formulario\"><\/span>Champs de formulaire<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li>Cliquez sur le X \u00e0 l&#039;extr\u00eame droite des champs Nom et Message, car nous n&#039;avons besoin que de l&#039;e-mail pour cet exemple.<\/li>\n<li><strong>Taille d&#039;entr\u00e9e<\/strong>: Moiti\u00e9<\/li>\n<li><em>Email&gt; Contenu<\/em> > <b style=\"background-color: initial;\">Largeur de colonne<\/b>: 80%<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Boton-de-enviar\"><\/span>Bouton de soumission<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Taille<\/strong>: Moiti\u00e9<\/li>\n<li><strong>Largeur de colonne<\/strong>: 20%<\/li>\n<li><strong>Alignement<\/strong>: C&#039;est Correct<\/li>\n<li><strong>Ic\u00f4ne<\/strong>: Longue fl\u00e8che vers la droite<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Forma%3E-Estilo\"><\/span>Forme&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Formar\"><\/span>Former<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Espacement des colonnes<\/strong>: 0<\/li>\n<li><strong>\u00c9cartement des rangs<\/strong>: 0<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Campo\"><\/span>Campagne<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Couleur du texte<\/strong>: Blanc<\/li>\n<li><strong>Couleur de l&#039;arri\u00e8re plan<\/strong>: Transparent<\/li>\n<li><strong>Couleur de la bordure<\/strong>: Blanc<\/li>\n<li><strong>Largeur de la bordure<\/strong>: 1 uniquement pour le bas<\/li>\n<li><strong>Typographie&gt; Taille<\/strong>: 10<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Boton\"><\/span>Bouton<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Couleur de l&#039;arri\u00e8re plan<\/strong>: Transparent<\/li>\n<li><strong>Couleur du texte<\/strong>: Blanc<\/li>\n<li><strong>Fronti\u00e8re<\/strong>: Solide<\/li>\n<li><strong>Largeur de la bordure<\/strong>: 1 uniquement pour le bas<\/li>\n<li><strong>Couleur de la bordure<\/strong>: Blanc<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Crear-la-pantalla-de-productos\"><\/span>Cr\u00e9er la pr\u00e9sentation du produit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p> <strong>  Faites glisser un autre widget de la section interne vers cette colonne sous le formulaire.<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Seccion-interior%3E-Avanzado-2\"><\/span>Section int\u00e9rieure&gt; Avanc\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Farci<\/strong>: D\u00e9fini sur 30 pour la droite uniquement<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Sensible\"><\/span>Sensible<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Masquer sur mobile<\/strong>: Cacher<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Seccion-interior%3E-Diseno\"><\/span>Section int\u00e9rieure&gt; Design<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Espacement des colonnes<\/strong>: Pas d&#039;espace<\/li>\n<\/ol>\n<p>  Faites un clic droit sur une poign\u00e9e de colonne <img alt='fichier-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> et s\u00e9lectionnez <strong>Se d\u00e9barrasser de <\/strong>pour supprimer l&#039;une des colonnes, ne vous en laissant qu&#039;une.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Editar-la-columna\"><\/span>Modifier la colonne<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Columna%3E-Avanzado\"><\/span>  Colonne&gt; Avanc\u00e9 <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Marge<\/strong>: R\u00e9glez -60 (moins 60) uniquement pour la gauche<\/li>\n<\/ol>\n<p>  Faites un clic droit sur le contr\u00f4le du widget d&#039;en-t\u00eate <img alt='fichier-9cmvbalpw7-1884886' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-1884886.jpg' class=\"inline\" style=\"height:28px;\"> et copiez le titre du titre de la newsletter puis collez-le dans cette colonne<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Titulo%3E-Estilo\"><\/span>Titre&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Couleur du texte<\/strong>: Noir (# 000000)<\/li>\n<li><strong>Poids<\/strong>: 700<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Titulo%3E-Avanzado\"><\/span>Titre&gt; Avanc\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Marge<\/strong>: D\u00e9fini sur 20 pour la gauche uniquement<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Columna%3E-Estilo-2\"><\/span>Colonne&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Antecedentes-2\"><\/span>  Ant\u00e9c\u00e9dents <span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p> <strong>Couleur<\/strong>: Blanc (#ffffff)<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Frontera\"><\/span>Fronti\u00e8re<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Rayon du bord<\/strong>: 5 pour tous les c\u00f4t\u00e9s<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Sombra-de-caja-normal\"><\/span>  Ombre de la bo\u00eete (normale) <span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Couleur<\/strong>: rgba (0,0,0,0.21)<\/li>\n<li><strong>Ombre de bo\u00eete&gt; Horizontale<\/strong>: 0<\/li>\n<li><strong>Ombre de bo\u00eete&gt; Verticale<\/strong>: 10<\/li>\n<li><strong>Ombre de la bo\u00eete&gt; Flou<\/strong>: 30<\/li>\n<li><strong>Box Shadow&gt; Extension<\/strong>: -10 (moins 10)<\/li>\n<li><strong>Positionner<\/strong>: Contour<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Sombra-de-caja-flotar\"><\/span>  Ombre de bo\u00eete (flottant) <span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Couleur<\/strong>: rgba (0,0,0,0.21)<\/li>\n<li><strong>Ombre de bo\u00eete&gt; Horizontale<\/strong>: 0<\/li>\n<li><strong>Ombre de bo\u00eete&gt; Verticale<\/strong>: 15<\/li>\n<li><strong>Ombre de la bo\u00eete&gt; Flou<\/strong>: 40<\/li>\n<li><strong>Box Shadow&gt; Extension<\/strong>: -10 (moins 10)<\/li>\n<li><strong>Positionner<\/strong>: Contour<\/li>\n<\/ol>\n<p> <strong>  Faites glisser un <\/strong>Photo<strong> widget sous l&#039;en-t\u00eate<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Imagen\"><\/span>Photo<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p> <em>Ne choisissez pas encore une image<\/em><\/p>\n<ol>\n<li><strong>Taille de l&#039;image<\/strong>: Plein<\/li>\n<li><strong>Alignement<\/strong>: Gauche<\/li>\n<\/ol>\n<p>  Maintenant, faites un clic droit sur le contr\u00f4le du widget de titre <img alt='fichier-9cmvbalpw7-1884886' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-1884886.jpg' class=\"inline\" style=\"height:28px;\">, dupliquez-le et ajustez le style du widget dupliqu\u00e9.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Titulo%3E-Estilo-2\"><\/span>Titre&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Taille<\/strong>: 15<\/li>\n<li><strong>Poids<\/strong>: 300<\/li>\n<\/ol>\n<p> <strong>  Maintenant, changez le libell\u00e9 de chacun.<\/strong><\/p>\n<p>  Faites un clic droit sur l&#039;identifiant de la colonne <img alt='fichier-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> et dupliquez-le deux fois pour avoir un total de 3 colonnes.<\/p>\n<ol>\n<li>Modifiez la colonne des colonnes du milieu et de la derni\u00e8re, en changeant le <b style=\"background-color: initial;\">marges<\/b> au <i style=\"background-color: initial;\">Colonne&gt; Avanc\u00e9<\/i> \u00e0 -40 pour la marge gauche dans la colonne du milieu et -20 pour la marge gauche dans la derni\u00e8re colonne.<\/li>\n<li>Pour chaque colonne, modifiez le widget Image en choisissant une image. M\u00eame les images .gif fonctionnent bien ici.<\/li>\n<li>Ajustez votre texte et vos marges selon vos besoins.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Ajustar-para-movil\"><\/span>Fit pour mobile<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p> <strong>  Modifiez chacune des sections internes dans la colonne de gauche<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Seccion-interior%3E-Avanzado-3\"><\/span>Section int\u00e9rieure&gt; Avanc\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Farci<\/strong>: 25 pour tous les c\u00f4t\u00e9s<\/li>\n<\/ol>\n<p>  Clique sur le <strong>ic\u00f4ne d&#039;engrenage \/ engrenage <\/strong><img loading=\"lazy\" decoding=\"async\" class=\"inline\" src=\"https:\/\/lh5.googleusercontent.com\/hZf8cCJE8CQ5Qrq7cNjdDVKmTnp8o9mVebCi-INsgJTkhM5JROXR3KyEAzOzp692cxvLjGaQXW5ZdQeuuOIO_MZheBs1pbPyA6pzRYdslUXdoFII99yWec92VhxROHz8fbwyHOIF\" width=\"20\" height=\"20\" style=\"border-width: initial; border-style: none; border-color: initial; transform: rotate(0rad);\"> situ\u00e9 en bas \u00e0 gauche du panneau pour revenir \u00e0 la fen\u00eatre contextuelle Param\u00e8tres.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Configuracion-emergente%3E-Diseno\"><\/span>Param\u00e8tres de la fen\u00eatre contextuelle&gt; Mise en page<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Largeur<\/strong>: 100vw<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Formar-2\"><\/span>  Former <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>  D\u00e9finissez la largeur du champ d&#039;e-mail et du bouton Envoyer sur 80% et 20%, respectivement.<\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Establecer-las-opciones-de-publicacion\"><\/span>D\u00e9finir les options de publication<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>  Clique sur le <strong>publier<\/strong> bouton. Ils n&#039;existent pas <em>termes<\/em>, <em>D\u00e9clencheurs<\/em>ou <em>R\u00e8gles avanc\u00e9es<\/em> Pour cette fen\u00eatre contextuelle, cliquez sur le bouton <strong>Sauver et fermer<\/strong> bouton.<\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Edite-la-plantilla-de-encabezado-creada-por-Elementor-de-su-sitio\"><\/span>Modifier le mod\u00e8le d&#039;en-t\u00eate cr\u00e9\u00e9 par Elementor de votre site<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>  Aller <em>Mod\u00e8les&gt; G\u00e9n\u00e9rateur de th\u00e8mes&gt; En-t\u00eates<\/em> &gt; S\u00e9lectionnez votre en-t\u00eate et cliquez sur <strong>Modifier avec Elementor<\/strong><\/p>\n<p>  Cliquez sur le contr\u00f4le du widget \u00e0 partir de votre bouton de menu <img alt='fichier-9cmvbalpw7-1884886' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-1884886.jpg' class=\"inline\" style=\"height:28px;\"> pour modifier le widget, s&#039;il existe, ou en cr\u00e9er un nouveau.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Boton-2\"><\/span>Bouton<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Relier<\/strong>: Clique sur le <strong>Dynamique<\/strong> ic\u00f4ne et s\u00e9lectionnez <em>Actions&gt; Fen\u00eatre contextuelle<\/em><\/li>\n<li>Cliquez \u00e0 nouveau sur <strong>Surgir<\/strong> et en action, choisissez <em>Basculer la fen\u00eatre contextuelle<\/em><\/li>\n<li>Dans le champ Pop-up, recherchez et s\u00e9lectionnez le pop-up que vous venez de cr\u00e9er.<\/li>\n<\/ol>\n<p>  Clique sur le <strong>Mettre \u00e0 jour<\/strong> bouton pour enregistrer les modifications du mod\u00e8le d&#039;en-t\u00eate<\/p>\n<p>  Tout pr\u00eat. Acc\u00e9dez \u00e0 votre site en direct, cliquez sur le <strong>Bouton de menu<\/strong> dans votre en-t\u00eate et voyez votre nouveau menu contextuel en action.<\/p>\n<p class=\"callout-green\"> <strong>Cousine<\/strong>: Ajoutez des effets d&#039;animation d&#039;entr\u00e9e sur l&#039;un de vos widgets pour ajouter des effets sympas. Modifiez simplement un widget, acc\u00e9dez \u00e0 son onglet Avanc\u00e9, choisissez l&#039;une des animations d&#039;entr\u00e9e qui y sont r\u00e9pertori\u00e9es.<\/p>\n<\/article><\/div>","protected":false},"excerpt":{"rendered":"<p>Cr\u00e9ez un menu contextuel r\u00e9actif qui se lance \u00e0 partir d&#039;un bouton de menu dans l&#039;en-t\u00eate de votre site. Vous apprendrez \u00e0 cr\u00e9er un menu contextuel qui : Est attrayant, fonctionnel et\u2026<\/p>","protected":false},"author":1,"featured_media":89284,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1352],"tags":[],"class_list":["post-89282","post","type-post","status-publish","format-standard","has-post-thumbnail","category-elementor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>C\u00f3mo crear un men\u00fa emergente receptivo - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Cree un men\u00fa emergente receptivo que se inicie desde un bot\u00f3n de men\u00fa en el encabezado de su sitio. Aprender\u00e1 a crear un men\u00fa emergente que: Es atractivo,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear un men\u00fa emergente receptivo\" \/>\n<meta property=\"og:description\" content=\"Cree un men\u00fa emergente receptivo que se inicie desde un bot\u00f3n de men\u00fa en el encabezado de su sitio. Aprender\u00e1 a crear un men\u00fa emergente que: Es atractivo,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-30T07:48:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"31\" \/>\n\t<meta property=\"og:image:height\" content=\"32\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"C\u00f3mo crear un men\u00fa emergente receptivo\",\"datePublished\":\"2022-08-30T07:48:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\"},\"wordCount\":1510,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/file-9cMVbalPw7-4352936.jpg\",\"articleSection\":[\"Elementor\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\",\"name\":\"C\u00f3mo crear un men\u00fa emergente receptivo - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/file-9cMVbalPw7-4352936.jpg\",\"datePublished\":\"2022-08-30T07:48:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Cree un men\u00fa emergente receptivo que se inicie desde un bot\u00f3n de men\u00fa en el encabezado de su sitio. Aprender\u00e1 a crear un men\u00fa emergente que: Es atractivo,\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/file-9cMVbalPw7-4352936.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/file-9cMVbalPw7-4352936.jpg\",\"width\":31,\"height\":32,\"caption\":\"file-9cmvbalpw7-4352936-3139026-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear un men\u00fa emergente receptivo - R Marketing Digital","description":"Cr\u00e9ez un menu contextuel r\u00e9actif qui est lanc\u00e9 \u00e0 partir d&#039;un bouton de menu dans l&#039;en-t\u00eate de votre site. Vous apprendrez \u00e0 cr\u00e9er un menu contextuel qui: est attrayant,","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:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/","og_locale":"fr_FR","og_type":"article","og_title":"C\u00f3mo crear un men\u00fa emergente receptivo","og_description":"Cree un men\u00fa emergente receptivo que se inicie desde un bot\u00f3n de men\u00fa en el encabezado de su sitio. Aprender\u00e1 a crear un men\u00fa emergente que: Es atractivo,","og_url":"https:\/\/rmarketingdigital.com\/fr\/elementor\/como-crear-un-menu-emergente-receptivo\/","og_site_name":"R Marketing Digital","article_published_time":"2022-08-30T07:48:44+00:00","og_image":[{"width":31,"height":32,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"C\u00f3mo crear un men\u00fa emergente receptivo","datePublished":"2022-08-30T07:48:44+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/"},"wordCount":1510,"image":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","articleSection":["Elementor"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/","url":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/","name":"C\u00f3mo crear un men\u00fa emergente receptivo - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","datePublished":"2022-08-30T07:48:44+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Cr\u00e9ez un menu contextuel r\u00e9actif qui est lanc\u00e9 \u00e0 partir d&#039;un bouton de menu dans l&#039;en-t\u00eate de votre site. Vous apprendrez \u00e0 cr\u00e9er un menu contextuel qui: est attrayant,","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","width":31,"height":32,"caption":"file-9cmvbalpw7-4352936-3139026-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"Marketing num\u00e9rique","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/89282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/comments?post=89282"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/89282\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media\/89284"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=89282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/categories?post=89282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/tags?post=89282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}