Comment construire votre site avec MemberMouse et Elementor

Design is one of the most important stages of building a membership site. Whether you’re starting from scratch or have an existing website, you want to create a beautiful, enjoyable, and functional experience for your members.

Nous le savons parce que nos clients nous posent presque chaque semaine des questions sur la manière de styliser les éléments essentiels de leurs sites, tels que les pages de paiement, les tableaux de bord des membres, les zones de diffusion de contenu, etc.

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.

That’s why page builders have become so popular. These are wonderful tools that allow you to build visually, rather than with code. And out of all the page builders on the market, Elementor est certainement l'un des plus importants.

(Don’t worry if you use Divi – we have l'objet idéal pour vous)

To help you build a site that looks great and works well, we created this in-depth tutorial video. In it, we’ll show you how to build your site using Elementor and MemberMouse. You’ll learn how to use the core functionality of both tools so that you know how to make them work for your business. We’re really excited to share this with you and hope it helps make designing your site much less of a headache.

Prêt à plonger ? Cliquez sur la vidéo ci-dessous.

What You’ll Learn In This Video

In this over-the-shoulder tutorial, we’ll show you how to combine the power of MemberMouse and Elementor. After you watch it, you’ll know how to use the powerful features of MemberMouse and design a site you love. In this example, we’ll start by building a member homepage from scratch.

Plus, you’ll see how you can use MemberMouse SmartTags — like the Données des membres SmartTag & Décision du membre SmartTag — to personalize your members’ experience and dynamically display content. It’s pretty fun stuff (in our humble opinion).

And in the second part of the video, we’ll also take a look at how you can design a checkout page that matches the look and feel of your site:

Below, you’ll find more information and resources about some of the key concepts we cover in the video. If you get stuck or have questions, we’re here to support you. Just leave a comment below in this post and we’ll help you out as soon as we can.

Comment utiliser le SmartTag de décision des membres

Au 24:40 Dans ce tutoriel, nous vous montrons comment vous pouvez utiliser l'étiquette intelligente Décision du membre pour afficher dynamiquement du contenu en fonction de la possession ou non d'un produit particulier.

Comme nous le mentionnons dans la vidéo, here’s the link to the support article avec toutes les informations dont vous avez besoin pour mettre en œuvre ces fonctionnalités sur votre site.

Here’s an example of the code snippet you’d paste into an HTML block to implement this on your site:

Just be sure to update your bundle ID number to match the bundle you’re working with.

Comment personnaliser votre page de paiement

We often get asked about how to make a MemberMouse checkout page conform to the styling of your theme or page builder. That’s why in this section (at 46:52 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é 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.

Dans la section Classes CSS, il suffit de coller cet extrait de code comme je le fais à l'adresse suivante 50:25 dans la vidéo :

elementor-widget-text-editor

Cela permet de remplacer le style de la page de paiement par défaut et de s'assurer que les pages de paiement correspondent à la conception de votre site.

Où trouver tous les modèles de pages principaux

Depending on the version of WordPress you’re using, you might not be able to directly insert all the different MemberMouse Core Page templates from your content editor:

This isn’t a problem, though. All you’ll need to do is visit the page below to find all of the templates you need:

• Tous les modèles de page de base de MemberMouse

From there, you can simply find the page template you want to work with, copy it, and paste it into the HTML block you’re designing in Elementor.

Conclusion

Thank you for checking out this MemberMouse and Elementor tutorial video. We get how overwhelming it can be when you first start to build your site. If you have any questions about what we’ve covered here, please let us know in the comments below. We love helping people build powerful and profitable membership sites and would be happy to assist you.

---

Contenu connexe

---

• Partager