Creativa.dev

Cómo crear un sitio de membresía con WordPress MemberPress y Elementor

Crear un sitio de membresía de WordPress es una forma poderosa de monetizar tu negocio. Con una sección exclusiva para miembros que ofrece contenido de pago, tu sitio brinda valor agregado a tus usuarios, genera ingresos recurrentes para ti y transforma tu sitio en un centro comunitario.
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Cómo crear un sitio de membresía con WordPress, MemberPress y Elementor

En el siguiente artículo, le mostraremos cómo crear fácilmente un sitio de membresía en WordPress usando Elementor y MemberPress. Esta publicación cubrirá el proceso de configuración, membresía y creación de contenido protegido, página importante y diseño de formularios de inicio de sesión, administración de notificaciones por correo electrónico, informes y más.

Creación de un sitio de membresía de WordPress: configuración

La esfera de WordPress ofrece un montón de soluciones increíbles para crear sitios de membresía, cada uno con diferentes características y sus propias ventajas y desventajas.

Para este tutorial, usaremos uno de los mejores y más fáciles de usar complementos de membresía de WordPress, MemberPress. El complemento funciona con cualquier tema, es fácil de usar, es amigable para principiantes y desarrolladores y tiene una amplia gama de características. Recomendamos MemberPress porque es ideal para agregar suscripciones, contenido pago y descargas digitales a su sitio. No solo eso, ofrece soporte de primer nivel y documentación detallada .

MemberPress es una solución solo de pago. Entonces, si eso queda fuera de su presupuesto, es posible que desee consultar la publicación de comparación vinculada anteriormente. Sin embargo, siempre tenga en cuenta que los beneficios de las funciones pagas pueden equivaler a una mayor eficiencia y facilidad de uso (grandes ahorros de dinero cuando se trata de resultados finales).

Cómo crear un sitio de membresía con WordPress MemberPress y Elementor

1. Instalación

Una vez que se haya registrado en MemberPress, recibirá un correo electrónico con un enlace de descarga y un número de licencia. Haga clic para copiar el enlace de descarga.

A continuación, inicie sesión en su sitio y vaya a Complementos Agregar nuevo. Haga clic en el botón Cargar complemento en la parte superior de la pantalla, luego busque su archivo y toque Instalar ahora.

Una vez finalizado el proceso, habilite el complemento en su sitio. A continuación, vaya a MemberPress> Activar .

Aquí, pegue su clave de licencia y toque el botón azul grande. Ahora está todo listo y listo para comenzar a configurar su sitio.

2. Configuración

Una vez que haya instalado y registrado su copia de MemberPress, se le pedirá que visite la página de opciones (MemberPress> Opciones).

No es necesario configurar todos los ajustes en este punto, ya que abordaremos estos ajustes en varios puntos a lo largo del tutorial.

Al principio, asegúrese de presionar el botón Opciones de actualización en Páginas. Hacerlo generará automáticamente las páginas de agradecimiento , cuenta e inicio de sesión .

Si planea monetizar su sitio de membresía, ahora es el momento de configurar un método de pago en Pagos.

MemberPress admite pagos de Stripe, PayPal y fuera de línea. Si tiene problemas para configurar los pagos, visite las páginas de documentación para obtener ayuda.

En Información, agregará la información de su empresa. La sección General le permite elegir el idioma y la moneda de su sitio de membresía. Si confía en su comprensión, continúe y configure las tasas de impuestos en ImpuestosDe lo contrario, no dude en omitir este paso por ahora.

Crear un sitio de membresía en WordPress paso a paso

Ahora que ha terminado con la configuración, es hora de comenzar a armar el sitio real. A medida que comience a profundizar, encontrará que la interfaz de MemberPress es intuitiva y funciona casi igual que todo lo demás en WordPress.

1. Configurar niveles de membresía

En MemberPress Membresías , ahora creará membresías que sus clientes pueden comprar. Aquí, puede crear una variedad de membresías con diferentes precios, funciones y niveles de acceso.

Simplemente toque Agregar nuevo en la parte superior para crear cada nuevo nivel.

Asigne un nombre a cada nivel, agregue una descripción y establezca los términos en la sección de la derecha (precio, facturación recurrente o única y vencimiento). En el siguiente paso, configurará las Opciones de membresía en la parte inferior.

  • Registro : esta sección controla el texto del botón de registro , el mensaje de agradecimiento, el mensaje de correo electrónico, los métodos de pago y qué información de usuario recopilar. También puede definir gran parte de esta información a nivel mundial (más sobre eso a continuación). Por lo tanto, solo necesita configurar estos detalles si desea usar configuraciones especiales.
  • Permisos : aquí, determinará qué usuarios pueden comprar una membresía y definir el mensaje que el usuario ve cuando no tiene permiso. Nuevamente, existen configuraciones globales para estos detalles.
  • Cuadro de precios : en esta sección, configurará el diseño y el contenido de la tabla de precios para la membresía. Esta información aparecerá en la página de precios más adelante, ¡así que no la omita!
  • Avanzado : aquí encontrará opciones avanzadas para URL de membresía, términos de precios y redireccionamientos.

Una vez que esté satisfecho con la configuración, toque el botón Publicar para que la nueva membresía esté disponible en su sitio. Repita el proceso tantas veces como sea necesario para crear el número deseado de niveles de membresía.

2. Edite las páginas de registro con Elementor

Después de crear una membresía, haga clic en la URL debajo del título o en Ver membresía en la parte superior. Hacerlo le permitirá ver cómo se verá la página de registro en la interfaz (use una ventana privada del navegador para ver lo que verán los usuarios que no hayan iniciado sesión).

Si desea modificar el aspecto de las cosas, puede editar su página con Elementor. Simplemente vaya a Plantillas Agregar nuevo.

En el menú emergente, seleccione Individual y luego Publicar. Ignore las plantillas y haga clic en Continuar. En la ventana del editor, ubique el botón Vista previa (el icono del ojo) en la parte inferior izquierda.

Haga clic en Configuración para acceder a la configuración de vista previa. En el menú desplegable, elija Membresías, luego busque y elija una de las membresías que acaba de crear.

A continuación, haga clic en Aplicar y vista previa , y Elementor usará automáticamente el contenido de su página en el editor. Cuando agregue widgets para el título y el contenido, aparecerán automáticamente.

Continúe personalizando como desee. Cuando haya terminado, haga clic en el botón Publicar y asegúrese de establecer la configuración de visualización en Membresías y Todos .

Si configura los ajustes de visualización en Membresías y Todos, se aplicará el nuevo diseño cada vez que un usuario vea sus formularios de registro de membresía. Puede editar las otras páginas estándar (cuenta y agradecimiento) de manera similar.

3. Incluir y editar formularios de MemberPress

Si desea personalizar completamente sus páginas de membresía, puede usar códigos cortos para ingresar los formularios de registro en cualquier lugar que desee. Encontrará estos códigos cortos en la parte inferior de sus páginas de membresía dentro de las opciones de membresía.

El uso de estos códigos cortos le permitirá ingresar y obtener una vista previa de sus formularios en las plantillas de página de Elementor a través del widget de código corto.

Los formularios están integrados en MemberPress, por lo que no puede editar los diseños a través de Elementor. Sin embargo, puede realizar los cambios que desee mediante CSS personalizado.

Para hacerlo, primero examine los formularios con las herramientas de desarrollo de su navegador. A continuación, realice los cambios deseados y luego agregue las reglas CSS modificadas a su widget Elementor en Avanzado CSS personalizado .

Puede encontrar más información sobre cómo personalizar sus páginas de registro aquí.

4. Configurar reglas de acceso

A continuación, deberá seleccionar qué contenido está disponible para cada nivel de membresía. Puede completar este paso a través de las reglas de acceso disponibles en MemberPress Reglas. Nuevamente, toque el botón Agregar nuevo para acceder a la siguiente pantalla.

Con los menús desplegables, puede establecer reglas que se apliquen a su contenido, desde publicaciones con una categoría o etiqueta específica hasta casi cualquier otra distinción.

Debajo de la sección anterior, puede establecer qué usuarios pueden acceder a contenido específico. El acceso puede estar limitado a ciertos niveles de membresía o miembros individuales.

Más abajo, encontrará la opción para habilitar contenido por goteo y vencimientos.

El contenido de goteo se refiere a la liberación gradual de contenido a los miembros en lugar de todo a la vez . Y los vencimientos le permiten hacer que el contenido no esté disponible después de un tiempo establecido. Estas son excelentes herramientas para crear urgencia y hacer que los usuarios regresen a su sitio de membresía.

Finalmente, en la parte inferior, configurará opciones para aquellos usuarios que no tienen acceso.

Aquí, determinará cuánto contenido bloqueado podrán ver los usuarios, qué mensaje se les mostrará y qué formulario de inicio de sesión utilizarán. Nuevamente, recuerde que gran parte de esta información está configurada globalmente, por lo que no es aconsejable cambiarla a menos que tenga una buena razón.

También puede usar códigos cortos para configurar manualmente lo que pueden ver los miembros autorizados y no autorizados. Puede encontrarlos haciendo clic en Códigos de contenido parcial .

Una vez satisfecho, guarde la regla en la parte superior derecha.

5. Cree páginas exclusivas para miembros

Cuando tiene en cuenta las reglas de acceso, la creación de contenido al que solo los miembros tienen acceso es simple. Por ejemplo, si ha determinado que el contenido de una determinada categoría o con una etiqueta específica debe estar restringido, solo necesita agregar la categoría o etiqueta a las publicaciones para proteger ese contenido.

Cuando una regla se aplica a cualquier contenido, MemberPress la reconocerá en consecuencia. Si está utilizando el editor clásico, aparecerá un mensaje en la parte superior de la pantalla que le informará que una parte del contenido está restringida.

Aparte de lo anterior, hay varias formas de determinar qué verán los usuarios no autorizados cuando intenten acceder a contenido restringido. Las opciones globales para estas configuraciones se encuentran en la parte inferior de MemberPress > Opciones > Páginas .

Aquí, puede decidir si redirigir a los visitantes, mostrarles fragmentos del contenido protegido, dirigirlos a un formulario de inicio de sesión y qué mensaje verán de forma predeterminada.

En la parte inferior del editor de contenido, también encontrará las mismas opciones para anular la configuración global por página.

Una vez que haya establecido reglas y creado el contenido al que se aplican, verá estos detalles representados en su lista de publicaciones y páginas.

Con esta lista, puede saber de un vistazo si sus ajustes están configurados correctamente.

6. ¡Última característica! Use Elementor para proteger el contenido (video)

Con la nueva integración, ahora puede trabajar dentro de Elementor para proteger su contenido. Como verá en el video tutorial a continuación, es fácil:

  • Editar acceso dentro de las filas : la función le permite permitir que alguien vea un extracto en el nivel gratuito, pero la fila completa una vez que tenga una membresía.
  • Cree reglas de membresía personalizadas : puede crear reglas para establecer parámetros para cada sección de su sitio de membresía. Configure mensajes especializados que conecten sus actualizaciones, resalten lo que faltan los espectadores no autorizados y brinden adelantos de funciones que generalmente solo están disponibles para clientes que pagan.
  • Decidir acciones para el acceso no autorizado : puede configurar cómo desea que MemberPress maneje el acceso no autorizado mediante la configuración de mensajes especializados que se muestran a los usuarios que no cumplen con una regla de membresía específica.

7. Cree una página de precios

Una vez que haya configurado su contenido y reglas, estará listo para comenzar a atraer miembros. Pero para eso, aún necesitará algunas páginas importantes.

El primero de ellos es la página de precios. En esta página, sus visitantes verán y podrán seleccionar los planes de membresía disponibles y pasar al pago. El sitio también redirigirá a aquellos que intenten acceder a contenido restringido aquí.

Para comenzar a configurar su página de precios, vaya a MemberPress > Grupos > Agregar nuevo.

Lo primero que querrá hacer es agregar un título. El título también aparecerá en la parte frontal, así que considere usar una fuerte llamada a la acción.

A continuación, las configuraciones más importantes se incluirán en Opciones de grupo .

A continuación, se muestra un desglose de lo que significan estas opciones importantes:

  • Ruta de actualización : limita a los usuarios a un solo plan de suscripción de membresía a la vez.
  • Ruta de degradación : determina qué plan recurrir cuando caduca una suscripción. Aquí, es una buena idea crear y establecer un plan gratuito.
  • Membresías : determina los niveles de membresía que se incluirán en la página de precios. Asegúrese de prestar especial atención al orden de los planos.
  • Deshabilitar la ventana emergente de cambio de plan : controla si los miembros que desean actualizar pueden hacerlo a través de una ventana emergente de selección rápida o si vuelven a la página de precios.
  • Desactivar página de precios : excluye la página de precios del acceso a la página principal. Utilice esta opción cuando desee configurar su propia página personalizada (más sobre esto más adelante).
  • Tema de rango de precios : le permite elegir el aspecto de la tabla de precios de las plantillas existentes.

Debajo de Opciones de grupo , puede diseñar la página de precios usted mismo utilizando clases CSS personalizadas. Para hacer que una membresía se destaque, seleccione Destacado en el Cuadro de precios en el editor de membresías.

Nuevamente, una vez que esté satisfecho con sus opciones, publique la página para que esté disponible en su sitio. Asegúrese de obtener una vista previa de su página haciendo clic en el enlace después de la publicación.

8. Cree una página de precios personalizada con Elementor

Como otra opción, puede crear una página de precios desde cero con Elementor , aprovechando sus muchos widgets y plantillas útiles.

Para comenzar, cree una nueva plantilla de página ( Única> Página ), asígnele un nombre y continúe con el editor. En la biblioteca, encontrará una gran selección de plantillas para elegir.

Use el menú desplegable en la esquina superior izquierda para ver todos los bloques de precios .

Alternativamente, puede acceder a páginas completas para esta categoría en Páginas en la parte superior. Como otra solución, simplemente puede optar por usar el widget de tabla de precios del menú normal de Elementor.

Elija la opción que más le convenga y personalícela según sus necesidades. Asegúrese de copiar y pegar las URL de su MemberPress> Membresías en los botones de registro .

En su lugar, puede elegir que Elementor ingrese sus URL de forma dinámica . Para hacer esto, haga clic en el botón Editar para el precio que desea editar. En Pie de página , puede cambiar la configuración de los botones. Haga clic en el enlace dinámico azul , luego elija URL interna .

A continuación, haga clic en el símbolo de llave inglesa para abrir la configuración. En Tipo, seleccione Contenido , haga clic en el menú desplegable inferior y comience a escribir el nombre de la membresía deseada.

Seleccione ese nivel de membresía, luego repita el mismo proceso para los otros planes de membresía. Siempre que guarde, Elementor mantendrá automáticamente las URL actualizadas.

Al crear su propia página de precios, asegúrese de marcar la opción Desactivar página de precios en la parte inferior de la página creada por MemberPress. Además, asegúrese de agregar la URL de su nueva página como dirección de redireccionamiento.

Finalmente, en lugar de crear una página completamente desde cero, puede usar los códigos cortos en la parte inferior. Hacerlo le permitirá utilizar las tablas de precios de MemberPress en su página. También puede personalizar el aspecto de estas tablas a través de CSS, como con los formularios de registro descritos anteriormente.

9. Incluya formularios de registro y de inicio de sesión de usuario

Ahora que ha configurado todo lo que necesita para su sitio de membresía, es hora de dar acceso a los miembros. Lo primero que necesitará es un formulario web donde los usuarios puedan iniciar sesión en sus cuentas.

Una de las formas más fáciles de incluir esto es el widget MemberPress, que puede encontrar en Apariencia> Widgets . Simplemente arrastre y suelte MemberPress Login en cualquier área con widgets, como su barra lateral, para incluir el formulario en su sitio.

(Cuando tenga tiempo, valdrá la pena consultar los otros widgets útiles de MemberPress en esta página).

A continuación, vaya a Apariencia Menús y asegúrese de agregar la página de precios a su menú principal. Para hacer eso, abra la pestaña Grupos , marque la casilla de su página y haga clic en Agregar al menú (marque la opción de pantalla en la esquina superior derecha en caso de que no pueda ver Grupos como una opción).

Si ha creado su propia página, la encontrará en Páginas y podrá agregarla de la misma manera. Arrastre el menú a la posición que desee y cambie la etiqueta según sus necesidades.

¡No olvide guardar cuando haya terminado! Después de guardar, verá el formulario y el enlace en su sitio.

También puede usar los códigos abreviados antes mencionados para colocar formularios donde los desee en sus plantillas de Elementor. Como siempre, los encontrará al final de cada página.

10. Cree una ventana emergente de inicio de sesión

Otra opción que puede usar con Elementor es una ventana emergente de inicio de sesión activada por clic. Con esta ventana emergente, los usuarios no tienen que ir a una página para iniciar sesión y no es necesario tener el formulario siempre en pantalla.

Para crear una ventana emergente de inicio de sesión, vaya a Plantillas> Ventana emergente> Agregar nueva . Dé a la ventana emergente un nombre que tenga sentido (por ejemplo, inicio de sesión de membresía) y continúe.

Elementor viene con una serie de plantillas listas para usar para este propósito.

La forma más sencilla de crear su ventana emergente es elegir una de las plantillas y personalizarla según sus necesidades. Sin embargo, también puede comenzar completamente desde cero.

Una vez que haya hecho su elección, hay dos formas de integrar el formulario de inicio de sesión de MemberPress:

Primero, puede usar el código corto para la página de inicio de sesión a través del widget Elementor Shortcode.

En segundo lugar, puede ingresar el widget de inicio de sesión de MemberPress desde dentro de Elementor (encuéntrelo en WordPress o mediante la búsqueda).

Nuevamente, al usar Elementor directamente, tendrá opciones de estilo limitadas, por lo que deberá usar la configuración de CSS personalizada. Una vez que esté satisfecho, haga clic en Publicar . No es necesario establecer condiciones, activadores o reglas.

Ahora, querrá asegurarse de que la ventana emergente aparezca en su página. La forma más sencilla de lograr esto es editar su plantilla de encabezado para incluir un botón de inicio de sesión.

Una vez que lo haya hecho, acceda a su configuración, busque Enlace , elija Dinámico y luego Acción> Ventana emergente . A continuación, haga clic en el símbolo de la llave, elija Abrir emergente , y encontrar la ventana emergente que acaba de crear por su nombre en la parte inferior.

Una vez que actualice la plantilla, vuelva a la interfaz y haga clic en el botón. Debería aparecer la ventana emergente de inicio de sesión.

11. Personalizar plantillas de correo electrónico

MemberPress enviará varios correos electrónicos a los usuarios que se registren en su sitio de membresía de WordPress. Puede editar fácilmente esos correos electrónicos en MemberPress> Opciones> Correos electrónicos.

En la parte superior, encontrará una opción para incluir un enlace a su política de privacidad en cualquier correo electrónico que envíe el complemento. Para aquellos que se encuentran o hacen negocios en Europa, les recomendamos que incluyan este enlace.

A continuación, puede determinar el nombre y la dirección de correo electrónico de donde proceden sus mensajes.

Para cambiar las plantillas de correo electrónico, simplemente haga clic en Editar junto a cualquiera de los diversos avisos.

El editor ahora se abrirá en la página. Aquí, puede editar la línea de asunto y el contenido, agregar medios con fines de marca y realizar cualquier otro cambio que desee.

En la parte inferior izquierda, en el menú desplegable, también encontrará una gran lista de etiquetas inteligentes para personalizar sus mensajes. Para agregarlos, simplemente use el botón Insertar .

Asegúrese de utilizar el botón Enviar prueba de vez en cuando. Los correos electrónicos de prueba le permiten ver cómo se ven sus correos electrónicos para sus usuarios y también asegurarse de que su sitio envíe correos electrónicos correctamente.

MemberPress se integra con muchos proveedores de marketing por correo electrónico. Puede agregar fácilmente estos proveedores a su sitio a través de los complementos disponibles en Activar> Complementos .

Simplemente haga clic en Instalar para agregar cualquiera de estos servicios a su sitio de membresía. Pero tenga en cuenta que es posible que deba conectar su sitio de membresía con el servicio antes de poder usarlo.

12. Configure recordatorios y cupones

Los recordatorios y cupones son excelentes herramientas para atraer y retener suscriptores. Los recordatorios toman la forma de mensajes de correo electrónico enviados a los suscriptores para darles la bienvenida, informarles que su cuenta está a punto de caducar o que es hora de renovar, y más. Para acceder a los distintos recordatorios, vaya a MemberPress> Recordatorios> Agregar nuevo .

La interfaz aquí es bastante intuitiva. Simplemente edita los correos electrónicos que van a sus suscriptores y establece límites a la cantidad de recordatorios que recibe cada uno. En la parte superior de la página, también puede establecer activadores que activarán recordatorios. Una vez que haya terminado de configurar un correo electrónico, simplemente seleccione Publicar .

Encontrará el menú de cupones en Cupones en el menú de MemberPress .

Agregar cupones también es sencillo. Cree un nombre, establezca la cantidad con descuento y cómo debe aplicarse, establezca la cantidad de veces que se puede usar el cupón, determine una fecha de vencimiento y establezca para qué membresías se puede usar el cupón.

13. Verifique sus informes

En MemberPress> Informes , encontrará un montón de excelentes informes para mantenerlo al tanto del rendimiento de su sitio de membresía. Estos informes son herramientas invaluables que le ayudarán a informar sus decisiones y planificación comerciales.

En la parte superior, puede ver rápidamente la cantidad de miembros activos, inactivos y totales, usuarios totales en su sitio, miembros gratuitos y pagos y su valor promedio de por vida.

La siguiente sección incluye la información financiera de su sitio: la cantidad de transacciones pendientes, fallidas, reembolsadas y completadas y su valor monetario, más los impuestos recaudados y los ingresos totales. También puede ver esta información en forma de gráfico y datos por día (haga clic en cualquier fecha para obtener más información).

Las pestañas en la parte superior le permiten ver la misma información de forma mensual, anual y permanente.

Pensamientos finales: sitios de membresía de WordPress

Si ha leído hasta aquí, está en camino de crear un sitio de membresía de WordPress que generará ingresos recurrentes en los próximos años. Gracias a las potentes funciones de MemberPress (y a una integración aún más potente con Elementor), este proceso es más fácil de iniciar y mantener, ¡no se requiere codificación!

Sin embargo, una vez que haya terminado aquí, su próximo trabajo será obtener los suscriptores que necesita para respaldar su sitio. ¡Así que ocúpate! Una vez que lo haya logrado, nada podrá detener su éxito.

¿Cuál es tu experiencia creando un sitio de membresía con Elementor? ¿Tienes algo que agregar a lo anterior? ¡Comparte en la sección de comentarios!

Artículo traducido del inglés.

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

FAQ's

Si aún tiene dudas, lo invitamos a revisar nuestras preguntas frecuentes sobre nuestros servicios.

Diseño Web & Desarrollo

¿No encuentra la respuesta que busca para su sitio web? ¡Compartimos algunas de nuestras preguntas más frecuentes para ayudarlo!

Branding & Diseño Gráfico

¿Quiere un logotipo, una ilustración o un diseño pero no puede encontrar la respuesta que está buscando? Eche un vistazo a nuestras preguntas frecuentes.

Marketing Digital

¿Estás listo para impulsar tu negocio pero no encuentras la respuesta que estás buscando? Echa un comentario a nuestras preguntas frecuentes.