Como criar seu site com o MemberMouse e o Elementor

O design é uma das etapas mais importantes da criação de um site de associação. Quer esteja começando do zero ou já tenha um site, você quer criar uma experiência bonita, agradável e funcional para seus membros.

Sabemos disso porque quase todas as semanas recebemos perguntas de nossos clientes sobre como estilizar os elementos principais de seus sites, como páginas de checkout, painéis de controle de membros, áreas de fornecimento de conteúdo e muito mais.

Embora o MemberMouse seja uma ferramenta de associação incrivelmente poderosa, ele é essencialmente agnóstico em termos de design. Isso significa que ele funciona "nos bastidores" para lidar com tudo o que envolve a execução de um site de associação e permite que seu tema do WordPress determine a aparência. E, a menos que você seja um desenvolvedor de WordPress ou tenha sérios conhecimentos de design, pode ser frustrante fazer com que seu site tenha a aparência exata que você deseja.

É por isso que os criadores de páginas se tornaram tão populares. Essas são ferramentas maravilhosas que permitem que você crie visualmente, em vez de usar código. E, de todos os criadores de páginas do mercado, o que mais me chamou a atenção foi o fato de que eles são muito mais fáceis de usar, Elementor é definitivamente um dos mais proeminentes.

(Não se preocupe se você usar o Divi - nós temos a coisa perfeita para você)

Para ajudá-lo a criar um site com ótima aparência e que funcione bem, criamos este vídeo tutorial detalhado. Nele, mostraremos a você como criar seu site usando o Elementor e o MemberMouse. Você aprenderá a usar a funcionalidade principal de ambas as ferramentas para que saiba como fazê-las funcionar para o seu negócio. Estamos muito empolgados em compartilhar isso com você e esperamos que ajude a tornar o design do seu site muito menos problemático.

Pronto para mergulhar de cabeça? Clique em reproduzir o vídeo abaixo.

O que você aprenderá neste vídeo

Neste tutorial, mostraremos a você como combinar o poder do MemberMouse e do Elementor. Depois de assisti-lo, você saberá como usar os recursos avançados do MemberMouse e criar um site que você adora. Neste exemplo, começaremos criando uma página inicial de membro do zero.

Além disso, você verá como pode usar os SmartTags do MemberMouse - como o Dados do membro SmartTag & Decisão do membro SmartTag - para personalizar a experiência de seus membros e exibir conteúdo de forma dinâmica. É algo muito divertido (em nossa humilde opinião).

E na segunda parte do vídeo, também veremos como criar uma página de checkout que combine com a aparência do seu site:

Abaixo, você encontrará mais informações e recursos sobre alguns dos principais conceitos abordados no vídeo. Se você ficar preso ou tiver dúvidas, estamos aqui para ajudá-lo. Basta deixar um comentário abaixo nesta postagem e nós o ajudaremos assim que possível.

Como usar o SmartTag de decisão do membro

Em 24:40 No tutorial, mostramos como você pode usar a Member Decision SmartTag para exibir dinamicamente o conteúdo com base no fato de alguém possuir ou não um determinado produto.

Como mencionamos no vídeo, Aqui está o link para o artigo de suporte com todas as informações de que você precisa para colocar esses recursos em funcionamento em seu site.

Aqui está um exemplo do trecho de código que você colaria em um bloco HTML para implementar isso em seu site:

Certifique-se de atualizar o número de identificação do pacote para que corresponda ao pacote com o qual você está trabalhando.

Como personalizar sua página de checkout

Frequentemente recebemos perguntas sobre como fazer com que uma página de checkout do MemberMouse esteja em conformidade com o estilo de seu tema ou construtor de páginas. É por isso que nesta seção (em 46:52 no tutorial), mostramos como fazer com que qualquer página de checkout corresponda à aparência do restante do seu site. E a boa notícia é que tudo o que você precisa fazer é copiar e colar um pequeno trecho de código na seção que deseja alterar no Elementor.

Na seção CSS Classes, basta colar este trecho de código como eu faço em 50:25 no vídeo:

elementor-widget-text-editor

Isso substituirá o estilo padrão da página de checkout e garantirá que suas páginas de checkout correspondam ao design do seu site.

Onde encontrar todos os modelos de páginas principais

Dependendo da versão do WordPress que estiver usando, talvez não seja possível inserir diretamente todos os diferentes modelos de página principal do MemberMouse no editor de conteúdo:

Mas isso não é um problema. Tudo o que você precisa fazer é visitar a página abaixo para encontrar todos os modelos de que precisa:

• Todos os modelos de página principal do MemberMouse

A partir daí, você pode simplesmente encontrar o modelo de página com o qual deseja trabalhar, copiá-lo e colá-lo no bloco HTML que está projetando no Elementor.

Concluindo

Obrigado por assistir a este vídeo tutorial sobre o MemberMouse e o Elementor. Entendemos o quanto pode ser difícil quando você começa a criar seu site. Se você tiver alguma dúvida sobre o que abordamos aqui, informe-nos nos comentários abaixo. Adoramos ajudar as pessoas a criar sites de associação eficientes e lucrativos e ficaremos felizes em ajudá-lo.

---

Conteúdo relacionado

---

• Compartilhar