Wie Sie Ihre Website mit MemberMouse und Elementor erstellen

Das Design ist eine der wichtigsten Phasen beim Aufbau einer Mitgliederseite. Unabhängig davon, ob Sie von Grund auf neu beginnen oder eine bestehende Website haben, möchten Sie ein schönes, angenehmes und funktionales Erlebnis für Ihre Mitglieder schaffen.

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ür die Bereitstellung von Inhalten und mehr.

MemberMouse ist zwar ein unglaublich leistungsfähiges Mitgliedschafts-Tool, aber es ist im Wesentlichen designunabhängig. Das bedeutet, dass es "hinter den Kulissen" arbeitet, um alles zu erledigen, was zum Betrieb einer Mitgliederseite gehört, und Ihr WordPress-Theme bestimmt, wie die Seite aussieht. Und wenn Sie kein WordPress-Entwickler sind oder nicht über ein gutes Design verfügen, kann es frustrierend sein, Ihre Website genau so aussehen zu lassen, wie Sie es wollen.

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, Elementor ist mit Sicherheit einer der bekanntesten.

(Machen Sie sich keine Sorgen, wenn Sie Divi verwenden - wir haben das Richtige für Sie)

Um Ihnen zu helfen, eine Website zu erstellen, die großartig aussieht und gut funktioniert, haben wir dieses ausführliche 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önnen, damit Sie wissen, wie Sie sie für Ihr Unternehmen einsetzen können. Wir freuen uns, dies mit Ihnen teilen zu können, und hoffen, dass es dazu beiträgt, dass die Gestaltung Ihrer Website viel weniger Kopfschmerzen bereitet.

Bereit zum Eintauchen? Klicken Sie auf "Play" im Video unten.

Was Sie in diesem Video lernen werden

In diesem Tutorial zeigen wir Ihnen, wie Sie die Leistung von MemberMouse und Elementor kombinieren können. Danach wissen Sie, wie Sie die leistungsstarken Funktionen von MemberMouse nutzen und eine Website gestalten können, die Ihnen gefällt. In diesem Beispiel beginnen wir mit der Erstellung einer Mitglieder-Homepage von Grund auf.

Außerdem erfahren Sie, wie Sie die SmartTags von MemberMouse verwenden können - wie die Mitgliedsdaten SmartTag & Mitgliederentscheid SmartTag - um die Erfahrungen Ihrer Mitglieder zu personalisieren und Inhalte dynamisch anzuzeigen. Das ist (unserer bescheidenen Meinung nach) eine ziemlich lustige Sache.

Und im zweiten Teil des Videos sehen wir uns an, wie Sie eine Kassenseite gestalten können, die zum Erscheinungsbild Ihrer Website passt:

Im Folgenden finden Sie weitere Informationen und Ressourcen zu einigen der im Video behandelten Schlüsselkonzepte. Wenn Sie nicht weiterkommen oder Fragen haben, sind wir für Sie da. Hinterlassen Sie einfach einen Kommentar unter diesem Beitrag und wir helfen Ihnen so schnell wie möglich weiter.

So verwenden Sie den SmartTag für Mitgliederentscheidungen

Unter 24:40 in diesem Tutorial zeigen wir Ihnen, wie Sie den SmartTag "Mitgliederentscheidung" verwenden können, um dynamisch Inhalte anzuzeigen, die darauf basieren, ob jemand ein bestimmtes Produkt besitzt oder nicht.

Wie wir in dem Video erwähnen, Hier ist der Link zum Support-Artikel mit allen Informationen, die Sie benötigen, um diese Funktionen auf Ihrer Website zu nutzen.

Hier ein Beispiel für den Code, den Sie in einen HTML-Block einfügen müssen, um dies auf Ihrer Website zu implementieren:

Achten Sie nur darauf, dass Sie Ihre Bundle-ID-Nummer entsprechend dem Bundle, mit dem Sie arbeiten, aktualisieren.

So passen Sie Ihre Kassenseite an

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 46:52 im Tutorial) zeigen wir Ihnen, wie Sie eine beliebige Kassenseite an das Erscheinungsbild Ihrer restlichen Website anpassen können. Und die gute Nachricht ist, dass Sie nur einen winzigen Codeschnipsel kopieren und in den Abschnitt einfügen müssen, den Sie in Elementor ändern möchten.

Fügen Sie im Abschnitt CSS-Klassen einfach diesen Codeausschnitt ein, wie ich es unter 50:25 im Video:

elementor-widget-text-editor

Dadurch wird das Standarddesign der Kassenseite außer Kraft gesetzt und sichergestellt, dass Ihre Kassenseiten dem Design Ihrer Website entsprechen.

Wo Sie alle Hauptseitenvorlagen finden

Je nach der von Ihnen verwendeten WordPress-Version können Sie möglicherweise nicht alle verschiedenen MemberMouse Core Page-Vorlagen direkt über Ihren Inhaltseditor einfügen:

Das ist jedoch kein Problem. Sie müssen nur die unten stehende Seite besuchen, um alle benötigten Vorlagen zu finden:

• Alle MemberMouse Core-Seitenvorlagen

Von dort aus können Sie einfach die Seitenvorlage finden, mit der Sie arbeiten möchten, sie kopieren und in den HTML-Block einfügen, den Sie in Elementor entwerfen.

Einpacken

Vielen Dank, dass Sie sich dieses Tutorial-Video zu MemberMouse und Elementor angesehen haben. Wir verstehen, wie überwältigend 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ürden uns freuen, Sie zu unterstützen.

---

Verwandte Inhalte

---

• Teilen Sie