{"id":12932,"date":"2022-03-31T16:32:16","date_gmt":"2022-03-31T23:32:16","guid":{"rendered":"https:\/\/membermouse.com\/?p=12932"},"modified":"2024-09-18T12:53:51","modified_gmt":"2024-09-18T16:53:51","slug":"plugin-dadhesion-elementor","status":"publish","type":"post","link":"https:\/\/membermouse.com\/fr\/marketing\/elementor-membership-plugin\/","title":{"rendered":"Comment construire votre site avec MemberMouse et Elementor"},"content":{"rendered":"<!-- wp:paragraph -->\n<p>La conception est l'une des \u00e9tapes les plus importantes de la cr\u00e9ation d'un site d'affiliation. Que vous partiez de z\u00e9ro ou que vous ayez un site web existant, vous voulez cr\u00e9er une exp\u00e9rience belle, agr\u00e9able et fonctionnelle pour vos membres.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Nous le savons parce que nos clients nous posent presque chaque semaine des questions sur la mani\u00e8re de styliser les \u00e9l\u00e9ments essentiels de leurs sites, tels que les pages de paiement, les tableaux de bord des membres, les zones de diffusion de contenu, etc.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>While MemberMouse is an incredibly powerful membership tool, it's essentially design agnostic. That means it works \"behind the scenes\" to handle everything that goes into running a membership site and lets your WordPress theme determine how things look. And unless you're a WordPress developer or have some serious design chops, it can be frustrating to get your site to look exactly the way you want.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>C'est pourquoi les constructeurs de pages sont devenus si populaires. Ce sont de merveilleux outils qui vous permettent de construire visuellement, plut\u00f4t qu'avec du code. Et parmi tous les constructeurs de pages disponibles sur le march\u00e9, <a href=\"https:\/\/membermouse.com\/fr\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Elementor<\/a> est certainement l'un des plus importants.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>(Ne vous inqui\u00e9tez pas si vous utilisez Divi - nous avons <a href=\"https:\/\/membermouse.com\/fr\/lintegration\/membermouse-divi-layout-pack\/\" target=\"_blank\" rel=\"noopener noreferrer\">l'objet id\u00e9al pour vous<\/a>)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Pour vous aider \u00e0 cr\u00e9er un site esth\u00e9tique et fonctionnel, nous avons cr\u00e9\u00e9 ce didacticiel vid\u00e9o approfondi. Nous vous montrons comment construire votre site \u00e0 l'aide d'Elementor et de MemberMouse. Vous apprendrez \u00e0 utiliser les fonctionnalit\u00e9s de base de ces deux outils afin de savoir comment les faire fonctionner pour votre entreprise. Nous sommes ravis de partager cette vid\u00e9o avec vous et esp\u00e9rons qu'elle vous aidera \u00e0 concevoir votre site sans vous prendre la t\u00eate.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Pr\u00eat \u00e0 plonger ? Cliquez sur la vid\u00e9o ci-dessous.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:embed {\"url\":\"https:\/\/youtu.be\/EAZ1DZh0fG4?feature=shared\",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/youtu.be\/EAZ1DZh0fG4?feature=shared\n<\/div><\/figure>\n<!-- \/wp:embed -->\n\n<!-- wp:paragraph -->\n<p><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/sigybc5eik.jsonp\" async=\"\"><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async=\"\"><\/script><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:html -->\n<div id=\"section-highlights\" class=\"section-content-area\">\n<h3 class=\"title-budicon\"><i class=\"budicon-task-love color-blue\"><\/i> Pr\u00e9sentation vid\u00e9o<\/h3>\n<table class=\"table table-detail\">\n<tbody>\n<tr>\n<th class=\"column-timestamp color-dark\">0:00<\/th>\n<td>Intro &amp; Overview<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">2:50<\/th>\n<td>Cr\u00e9ation de la page d'accueil des membres avec MemberMouse<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">13:34<\/th>\n<td>Comment utiliser les SmartTags des donn\u00e9es des membres pour cr\u00e9er une exp\u00e9rience personnalis\u00e9e<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">24:42<\/th>\n<td>Comment utiliser le SmartTag D\u00e9cision de l'adh\u00e9rent pour afficher dynamiquement du contenu<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">46:52<\/th>\n<td>Comment concevoir une page de paiement<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">54:00<\/th>\n<td>Conclusion<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<!-- \/wp:html -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-star color-blue\"><\/i> <strong>Ce que vous apprendrez dans cette vid\u00e9o<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Dans ce didacticiel, nous vous montrons comment combiner la puissance de MemberMouse et d'Elementor. Apr\u00e8s l'avoir visionn\u00e9, vous saurez comment utiliser les puissantes fonctionnalit\u00e9s de MemberMouse et concevoir un site qui vous plaira. Dans cet exemple, nous commencerons par cr\u00e9er une page d'accueil pour les membres \u00e0 partir de z\u00e9ro.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2022\/03\/1f12ab21-member-homepage.png\" alt=\"exemple de page d&#039;accueil d&#039;un membre\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>De plus, vous verrez comment vous pouvez utiliser les SmartTags de MemberMouse - comme le <a href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/donnees-du-membre-smarttag-mm_member_data\/\" target=\"_blank\" rel=\"noopener noreferrer\">Donn\u00e9es des membres SmartTag<\/a> &amp; <a href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/decision-du-membre-smarttag-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9cision du membre SmartTag<\/a> - pour personnaliser l'exp\u00e9rience de vos membres et afficher dynamiquement du contenu. C'est tr\u00e8s amusant (\u00e0 notre humble avis).<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Dans la deuxi\u00e8me partie de la vid\u00e9o, nous verrons \u00e9galement comment concevoir une page de paiement adapt\u00e9e \u00e0 l'aspect et \u00e0 la convivialit\u00e9 de votre site :<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2022\/03\/ffed4966-membership-checkout-page.png\" alt=\"exemple de page de paiement pour les membres\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Vous trouverez ci-dessous des informations et des ressources suppl\u00e9mentaires sur certains des concepts cl\u00e9s abord\u00e9s dans la vid\u00e9o. Si vous \u00eates bloqu\u00e9 ou si vous avez des questions, nous sommes l\u00e0 pour vous aider. Il vous suffit de laisser un commentaire dans cet article et nous vous aiderons d\u00e8s que possible.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-browser-tick color-blue\"><\/i><strong> Comment utiliser le SmartTag de d\u00e9cision des membres<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Au <strong>24:40<\/strong> Dans ce tutoriel, nous vous montrons comment vous pouvez utiliser l'\u00e9tiquette intelligente D\u00e9cision du membre pour afficher dynamiquement du contenu en fonction de la possession ou non d'un produit particulier.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Comme nous le mentionnons dans la vid\u00e9o, <a href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/decision-du-membre-smarttag-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">Voici le lien vers l'article de soutien<\/a> avec toutes les informations dont vous avez besoin pour mettre en \u0153uvre ces fonctionnalit\u00e9s sur votre site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Voici un exemple d'extrait de code \u00e0 coller dans un bloc HTML pour mettre en \u0153uvre cette fonctionnalit\u00e9 sur votre site :<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">\n\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">\n\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p>Veillez simplement \u00e0 mettre \u00e0 jour votre num\u00e9ro d'identification de l'offre pour qu'il corresponde \u00e0 l'offre avec laquelle vous travaillez.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-doodle color-blue\"><\/i><strong> Comment personnaliser votre page de paiement<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>On nous demande souvent comment faire en sorte qu'une page de paiement MemberMouse soit conforme au style de votre th\u00e8me ou de votre constructeur de pages. C'est pourquoi cette section (\u00e0 <strong>46:52<\/strong> dans le tutoriel), nous vous montrons comment faire en sorte que n'importe quelle page de paiement s'harmonise avec l'aspect et la convivialit\u00e9 du reste de votre site. Et la bonne nouvelle, c'est qu'il vous suffit de copier et de coller un petit extrait de code dans la section que vous souhaitez modifier dans Elementor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2022\/03\/277b5aa6-elementor-css.png\" alt=\"elementor css exemple\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Dans la section Classes CSS, il suffit de coller cet extrait de code comme je le fais \u00e0 l'adresse suivante <strong>50:25<\/strong> dans la vid\u00e9o :<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><code class=\"color-orange\">elementor-widget-text-editor<\/code><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Cela permet de remplacer le style de la page de paiement par d\u00e9faut et de s'assurer que les pages de paiement correspondent \u00e0 la conception de votre site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-two-thirds color-blue\"><\/i><strong> O\u00f9 trouver tous les mod\u00e8les de pages principaux<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Selon la version de WordPress que vous utilisez, il se peut que vous ne puissiez pas ins\u00e9rer directement tous les diff\u00e9rents mod\u00e8les de page centrale MemberMouse \u00e0 partir de votre \u00e9diteur de contenu :<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2022\/03\/ac441cda-membermouse-core-pages.png\" alt=\"mod\u00e8les de pages du noyau de membermouse\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Ce n'est pas un probl\u00e8me. Il vous suffit de visiter la page ci-dessous pour trouver tous les mod\u00e8les dont vous avez besoin :<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"https:\/\/membermouse.com\/fr\/categories-darticles\/modeles-de-base\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tous les mod\u00e8les de page de base de MemberMouse<\/a><\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>\u00c0 partir de l\u00e0, vous pouvez simplement trouver le mod\u00e8le de page avec lequel vous voulez travailler, le copier et le coller dans le bloc HTML que vous concevez dans Elementor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-notes-tick color-blue\"><\/i><strong> Conclusion<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Merci d'avoir regard\u00e9 ce tutoriel vid\u00e9o sur MemberMouse et Elementor. Nous comprenons \u00e0 quel point il peut \u00eatre difficile de s'y retrouver lorsque l'on commence \u00e0 construire son site. Si vous avez des questions sur ce que nous avons abord\u00e9 ici, n'h\u00e9sitez pas \u00e0 nous en faire part dans les commentaires ci-dessous. Nous adorons aider les gens \u00e0 cr\u00e9er des sites d'adh\u00e9sion puissants et rentables et nous serions ravis de vous aider.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:html -->\n<div id=\"section-resources\" class=\"section-content-area\">\n<h3 class=\"title-budicon\"><i class=\"budicon-book color-blue\"><\/i> Ressources compl\u00e9mentaires<\/h3>\n<ul>\n<li><a href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/donnees-du-membre-smarttag-mm_member_data\/\" target=\"_blank\" rel=\"noopener noreferrer\">Donn\u00e9es des membres SmartTag<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/decision-du-membre-smarttag-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9cision du membre SmartTag<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/en-utilisant-des-liens-dachat-en-1-clic\/\" target=\"_blank\" rel=\"noopener noreferrer\">Comment utiliser les liens d'achat en 1 clic<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/fr\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Elementor<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/fr\/hello-theme\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Hello Theme<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/fr\/generatepress\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">GeneratePress<\/a><\/li>\n<\/ul>\n<\/div>\n<!-- \/wp:html -->","protected":false},"excerpt":{"rendered":"<p>Dans ce tutoriel vid\u00e9o approfondi, nous vous montrerons comment cr\u00e9er et concevoir votre site d'adh\u00e9sion \u00e0 l'aide de MemberMouse et d'Elementor.<\/p>","protected":false},"author":20918,"featured_media":12971,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_strive_checklists":"\"\"","_strive_active_checklist":"","_strive_post_notes":"","footnotes":""},"categories":[81,117,116,35,73],"tags":[],"class_list":["post-12932","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","category-mm-dash","category-mm-features","category-strategies","category-wordpressux"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/posts\/12932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/20918"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=12932"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/posts\/12932\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media\/12971"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=12932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/categories?post=12932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/tags?post=12932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}