Cómo construir su sitio con MemberMouse y Elementor

El diseño es una de las etapas más importantes de la creación de un sitio de afiliación. Tanto si empiezas desde cero como si ya tienes un sitio web, lo que quieres es crear una experiencia bonita, agradable y funcional para tus afiliados.

Lo sabemos porque casi todas las semanas recibimos preguntas de nuestros clientes sobre cómo dar estilo a los elementos principales de sus sitios, como las páginas de pago, los paneles de control de los miembros, las áreas de distribución de contenidos, etc.

Aunque MemberMouse es una herramienta de afiliación increíblemente potente, es esencialmente agnóstica en cuanto al diseño. Eso significa que trabaja "entre bastidores" para manejar todo lo que conlleva el funcionamiento de un sitio de membresía y deja que su tema de WordPress determine cómo se ven las cosas. Y a menos que usted sea un desarrollador de WordPress o tenga algunas habilidades serias de diseño, puede ser frustrante conseguir que su sitio se vea exactamente como usted quiere.

Por eso los creadores de páginas se han hecho tan populares. Son herramientas maravillosas que te permiten construir visualmente, en lugar de con código. Y de todos los constructores de páginas en el mercado, Elementor es sin duda uno de los más destacados.

(No te preocupes si usas Divi - tenemos lo perfecto para ti)

Para ayudarte a crear un sitio que tenga un aspecto estupendo y funcione bien, hemos creado este vídeo tutorial en profundidad. En él, te mostraremos cómo construir tu sitio utilizando Elementor y MemberMouse. Aprenderás a utilizar las funciones básicas de ambas herramientas para que sepas cómo ponerlas al servicio de tu negocio. Estamos muy contentos de compartir esto contigo y esperamos que te ayude a diseñar tu sitio web sin quebraderos de cabeza.

¿Listo para sumergirte? Dale al play en el siguiente vídeo.

Lo que aprenderá en este vídeo

En este tutorial te mostraremos cómo combinar la potencia de MemberMouse y Elementor. Después de verlo, sabrá cómo utilizar las potentes funciones de MemberMouse y diseñar un sitio que le encantará. En este ejemplo, empezaremos creando una página de inicio para miembros desde cero.

Además, verá cómo puede utilizar las etiquetas inteligentes MemberMouse SmartTags, como la etiqueta Datos de los miembros SmartTag & Decisión de los miembros SmartTag - para personalizar la experiencia de sus miembros y mostrar contenidos de forma dinámica. Es muy divertido (en nuestra humilde opinión).

Y en la segunda parte del vídeo, también veremos cómo diseñar una página de pago que se adapte al aspecto de su sitio web:

A continuación encontrarás más información y recursos sobre algunos de los conceptos clave que tratamos en el vídeo. Si te quedas atascado o tienes dudas, estamos aquí para ayudarte. Deja un comentario en este post y te ayudaremos en cuanto podamos.

Cómo utilizar la etiqueta inteligente para decisiones de los afiliados

En 24:40 en el tutorial, le mostramos cómo puede utilizar la etiqueta inteligente Decisión de miembro para mostrar contenido de forma dinámica en función de si alguien posee o no un determinado producto.

Como mencionamos en el vídeo, aquí está el enlace al artículo de apoyo con toda la información que necesita para poner en práctica estas funciones en su sitio web.

Aquí tienes un ejemplo del fragmento de código que pegarías en un bloque HTML para implementarlo en tu sitio:

Sólo asegúrate de actualizar el número de ID del paquete para que coincida con el paquete con el que estás trabajando.

Cómo personalizar su página de pago

A menudo nos preguntan cómo hacer que una página de pago MemberMouse se ajuste al estilo de su tema o constructor de páginas. Por eso, en esta sección (en 46:52 en el tutorial) le mostramos cómo hacer que cualquier página de pago coincida con el aspecto del resto de su sitio. Y la buena noticia es que todo lo que necesitas hacer es copiar y pegar un pequeño fragmento de código en la sección que deseas cambiar en Elementor.

En la sección Clases CSS, basta con pegar este fragmento de código como hago yo en 50:25 en el vídeo:

elementor-widget-editor-texto

Esto anulará el estilo predeterminado de la página de pago y asegurará que sus páginas de pago coincidan con el diseño de su sitio.

Dónde encontrar todas las plantillas de páginas principales

Dependiendo de la versión de WordPress que esté utilizando, es posible que no pueda insertar directamente todas las diferentes plantillas de páginas principales de MemberMouse desde su editor de contenidos:

Pero esto no es un problema. Todo lo que tienes que hacer es visitar la siguiente página para encontrar todas las plantillas que necesitas:

• Todas las plantillas de páginas principales de MemberMouse

A partir de ahí, sólo tienes que buscar la plantilla de página con la que quieras trabajar, copiarla y pegarla en el bloque HTML que estés diseñando en Elementor.

Conclusión

Gracias por ver este video tutorial de MemberMouse y Elementor. Entendemos lo abrumador que puede ser cuando empiezas a construir tu sitio. Si tiene alguna pregunta acerca de lo que hemos tratado aquí, por favor háganoslo saber en los comentarios a continuación. Nos encanta ayudar a la gente a construir sitios de membresía potentes y rentables y estaremos encantados de ayudarle.

---

Contenidos relacionados

---

• Compartir