{"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":"elementor-mitgliedschafts-plugin","status":"publish","type":"post","link":"https:\/\/membermouse.com\/de\/marketing\/elementor-membership-plugin\/","title":{"rendered":"Wie Sie Ihre Website mit MemberMouse und Elementor erstellen"},"content":{"rendered":"<!-- wp:paragraph -->\n<p>Das Design ist eine der wichtigsten Phasen beim Aufbau einer Mitgliederseite. Unabh\u00e4ngig davon, ob Sie von Grund auf neu beginnen oder eine bestehende Website haben, m\u00f6chten Sie ein sch\u00f6nes, angenehmes und funktionales Erlebnis f\u00fcr Ihre Mitglieder schaffen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Wir wissen das, weil wir fast jede Woche Fragen von unseren Kunden bekommen, wie sie die Kernelemente ihrer Websites gestalten sollen - Dinge wie Checkout-Seiten, Mitglieder-Dashboards, Bereiche f\u00fcr die Bereitstellung von Inhalten und mehr.<\/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>Deshalb sind Seitenerstellungsprogramme so beliebt geworden. Das sind wunderbare Tools, mit denen man visuell und nicht mit Code arbeiten kann. Und von allen Seitenerstellern auf dem Markt, <a href=\"https:\/\/membermouse.com\/de\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Elementor<\/a> ist mit Sicherheit einer der bekanntesten.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>(Machen Sie sich keine Sorgen, wenn Sie Divi verwenden - wir haben <a href=\"https:\/\/membermouse.com\/de\/integration\/mitgliedmaus-divi-layout-pack\/\" target=\"_blank\" rel=\"noopener noreferrer\">das Richtige f\u00fcr Sie<\/a>)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Um Ihnen zu helfen, eine Website zu erstellen, die gro\u00dfartig aussieht und gut funktioniert, haben wir dieses ausf\u00fchrliche Video-Tutorial erstellt. Darin zeigen wir Ihnen, wie Sie Ihre Website mit Elementor und MemberMouse erstellen. Sie erfahren, wie Sie die Kernfunktionen beider Tools nutzen k\u00f6nnen, damit Sie wissen, wie Sie sie f\u00fcr Ihr Unternehmen einsetzen k\u00f6nnen. Wir freuen uns, dies mit Ihnen teilen zu k\u00f6nnen, und hoffen, dass es dazu beitr\u00e4gt, dass die Gestaltung Ihrer Website viel weniger Kopfschmerzen bereitet.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Bereit zum Eintauchen? Klicken Sie auf \"Play\" im Video unten.<\/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> Video-\u00dcbersicht<\/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>Aufbau der Mitglieder-Homepage mit MemberMouse<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">13:34<\/th>\n<td>Wie man mit SmartTags f\u00fcr Mitgliederdaten arbeitet, um ein personalisiertes Erlebnis zu schaffen<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">24:42<\/th>\n<td>So verwenden Sie den SmartTag \"Mitgliederentscheid\", um Inhalte dynamisch anzuzeigen<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">46:52<\/th>\n<td>Wie man eine Kassenseite gestaltet<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">54:00<\/th>\n<td>Einpacken<\/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>Was Sie in diesem Video lernen werden<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In diesem Tutorial zeigen wir Ihnen, wie Sie die Leistung von MemberMouse und Elementor kombinieren k\u00f6nnen. Danach wissen Sie, wie Sie die leistungsstarken Funktionen von MemberMouse nutzen und eine Website gestalten k\u00f6nnen, die Ihnen gef\u00e4llt. In diesem Beispiel beginnen wir mit der Erstellung einer Mitglieder-Homepage von Grund auf.<\/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=\"Beispiel f\u00fcr eine Mitglieder-Homepage\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Au\u00dferdem erfahren Sie, wie Sie die SmartTags von MemberMouse verwenden k\u00f6nnen - wie die <a href=\"https:\/\/membermouse.com\/de\/docs\/mitgliedsdaten-smarttag-mm_member_data\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mitgliedsdaten SmartTag<\/a> &amp; <a href=\"https:\/\/membermouse.com\/de\/docs\/smarttag-mitgliederentscheid-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mitgliederentscheid SmartTag<\/a> - um die Erfahrungen Ihrer Mitglieder zu personalisieren und Inhalte dynamisch anzuzeigen. Das ist (unserer bescheidenen Meinung nach) eine ziemlich lustige Sache.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Und im zweiten Teil des Videos sehen wir uns an, wie Sie eine Kassenseite gestalten k\u00f6nnen, die zum Erscheinungsbild Ihrer Website passt:<\/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=\"Beispiel f\u00fcr eine Kassenseite f\u00fcr Mitglieder\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Im Folgenden finden Sie weitere Informationen und Ressourcen zu einigen der im Video behandelten Schl\u00fcsselkonzepte. Wenn Sie nicht weiterkommen oder Fragen haben, sind wir f\u00fcr Sie da. Hinterlassen Sie einfach einen Kommentar unter diesem Beitrag und wir helfen Ihnen so schnell wie m\u00f6glich weiter.<\/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> So verwenden Sie den SmartTag f\u00fcr Mitgliederentscheidungen<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Unter <strong>24:40<\/strong> in diesem Tutorial zeigen wir Ihnen, wie Sie den SmartTag \"Mitgliederentscheidung\" verwenden k\u00f6nnen, um dynamisch Inhalte anzuzeigen, die darauf basieren, ob jemand ein bestimmtes Produkt besitzt oder nicht.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Wie wir in dem Video erw\u00e4hnen, <a href=\"https:\/\/membermouse.com\/de\/docs\/smarttag-mitgliederentscheid-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hier ist der Link zum Support-Artikel<\/a> mit allen Informationen, die Sie ben\u00f6tigen, um diese Funktionen auf Ihrer Website zu nutzen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Hier ein Beispiel f\u00fcr den Code, den Sie in einen HTML-Block einf\u00fcgen m\u00fcssen, um dies auf Ihrer Website zu implementieren:<\/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>Achten Sie nur darauf, dass Sie Ihre Bundle-ID-Nummer entsprechend dem Bundle, mit dem Sie arbeiten, aktualisieren.<\/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> So passen Sie Ihre Kassenseite an<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Wir werden oft gefragt, wie eine MemberMouse-Kassenseite an das Design Ihres Themas oder Ihres Seitenerstellers angepasst werden kann. Aus diesem Grund wird in diesem Abschnitt (unter <strong>46:52<\/strong> im Tutorial) zeigen wir Ihnen, wie Sie eine beliebige Kassenseite an das Erscheinungsbild Ihrer restlichen Website anpassen k\u00f6nnen. Und die gute Nachricht ist, dass Sie nur einen winzigen Codeschnipsel kopieren und in den Abschnitt einf\u00fcgen m\u00fcssen, den Sie in Elementor \u00e4ndern m\u00f6chten.<\/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 beispiel\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>F\u00fcgen Sie im Abschnitt CSS-Klassen einfach diesen Codeausschnitt ein, wie ich es unter <strong>50:25<\/strong> im Video:<\/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>Dadurch wird das Standarddesign der Kassenseite au\u00dfer Kraft gesetzt und sichergestellt, dass Ihre Kassenseiten dem Design Ihrer Website entsprechen.<\/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> Wo Sie alle Hauptseitenvorlagen finden<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Je nach der von Ihnen verwendeten WordPress-Version k\u00f6nnen Sie m\u00f6glicherweise nicht alle verschiedenen MemberMouse Core Page-Vorlagen direkt \u00fcber Ihren Inhaltseditor einf\u00fcgen:<\/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=\"membermouse Hauptseitenvorlagen\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Das ist jedoch kein Problem. Sie m\u00fcssen nur die unten stehende Seite besuchen, um alle ben\u00f6tigten Vorlagen zu finden:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"https:\/\/membermouse.com\/de\/artikelkategorien-2\/vorlagenkern\/\" target=\"_blank\" rel=\"noopener noreferrer\">Alle MemberMouse Core-Seitenvorlagen<\/a><\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Von dort aus k\u00f6nnen Sie einfach die Seitenvorlage finden, mit der Sie arbeiten m\u00f6chten, sie kopieren und in den HTML-Block einf\u00fcgen, den Sie in Elementor entwerfen.<\/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> Einpacken<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Vielen Dank, dass Sie sich dieses Tutorial-Video zu MemberMouse und Elementor angesehen haben. Wir verstehen, wie \u00fcberw\u00e4ltigend es sein kann, wenn Sie zum ersten Mal mit dem Aufbau Ihrer Website beginnen. Wenn Sie irgendwelche Fragen zu dem haben, was wir hier behandelt haben, lassen Sie es uns bitte in den Kommentaren unten wissen. Wir lieben es, Menschen beim Aufbau leistungsstarker und profitabler Mitgliederseiten zu helfen und w\u00fcrden uns freuen, Sie zu unterst\u00fctzen.<\/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> Zus\u00e4tzliche Ressourcen<\/h3>\n<ul>\n<li><a href=\"https:\/\/membermouse.com\/de\/docs\/mitgliedsdaten-smarttag-mm_member_data\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mitgliedsdaten SmartTag<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/de\/docs\/smarttag-mitgliederentscheid-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mitgliederentscheid SmartTag<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/de\/docs\/mit-1-klick-kauf-links\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wie man 1-Klick-Kauflinks verwendet<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/de\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Elementor<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/de\/hello-theme\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Hallo Thema<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/de\/generatepress\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">GeneratePress<\/a><\/li>\n<\/ul>\n<\/div>\n<!-- \/wp:html -->","protected":false},"excerpt":{"rendered":"<p>In diesem ausf\u00fchrlichen Video-Tutorial zeigen wir Ihnen, wie Sie Ihre Mitgliederseite mit MemberMouse und Elementor erstellen und gestalten.<\/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\/de\/wp-json\/wp\/v2\/posts\/12932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/users\/20918"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/comments?post=12932"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/posts\/12932\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/media\/12971"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/media?parent=12932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/categories?post=12932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/tags?post=12932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}