Tutoriales WordPress

Cómo Crear un Portal o Área de Clientes en WordPress

¿Quiere crear un portal o área de clientes en tu blog de WordPress? Un portal o área de clientes te permite crear un área dedicada a los clientes donde pueden iniciar sesión para acceder a documentos, archivos, soporte y más. En este artículo, te mostraremos cómo crear fácilmente un portal de clientes en WordPress.

¿Por qué y quién necesita un portal o área de clientes en WordPress?

Un portal de clientes le permite gestionar eficazmente los recursos de sus clientes en línea. Esto reduce las solicitudes de soporte, permite a los clientes ayudarse a sí mismos y les proporciona una mejor experiencia de usuario.

Por ejemplo, si tiene un sitio web de fotografía, sus clientes pueden descargar o cargar archivos a través de su panel de control.

Del mismo modo, si diriges una agencia de diseño gráfico o de diseño web, puedes utilizar un portal de clientes en el que éstos puedan acceder a todos los archivos e información que necesiten.

Cualquier empresa que necesite comunicarse con sus clientes en línea puede beneficiarse de la creación de un portal o área de clientes en WordPress.

Cómo crear un portal o área de clientes en WordPress

Cada negocio tiene diferentes requisitos para su portal de clientes. Por eso necesita una solución que sea flexible, que funcione con otros plugins de WordPress y que pueda ser fácilmente ampliada para adaptarse a su negocio.

Para este tutorial, usaremos MemberPress. Es el mejor plugin de membresía de WordPress en el mercado y le permite crear fácilmente contenido sólo para miembros, crear una página de cuenta, inicio de sesión y formularios de registro, y más.

Viene con poderosas reglas de visualización, gestión completa de la membresía, y la capacidad de crear diferentes niveles de planes de membresía.

En primer lugar, es necesario instalar y activar el plugin MemberPress. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin en WordPress.

Después de la activación, necesita visitar la página de ajustes de MemberPress para introducir su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de MemberPress.

A continuación, tienes que cambiar a la pestaña «Payments» y seleccionar un método de pago para aceptar los pagos de las suscripciones de los miembros. También puedes crear planes de suscripción gratuitos si lo deseas o añadir miembros manualmente por ti mismo.

MemberPress es compatible con PayPal y Stripe. También puedes utilizar Authorize.net con sus planes Plus y Pro.

Después de seleccionar su método de pago, se le pedirá que proporcione los detalles de su cuenta. Una vez que haya terminado, haga clic en el botón «Actualizar opciones» para guardar sus cambios.

A continuación, está listo para crear un plan de suscripción. Este es el plan de suscripción al que añadirás a tus clientes.

Simplemente vaya a la página MemberPress > Memberships y haga clic en el botón Add New.

En la siguiente pantalla, puede dar un nombre a su plan de afiliación y establecer una opción de precio. Dependiendo de cómo gestiones los contratos de tus clientes, puedes elegir planes de por vida, de caducidad o de caducidad fija.

A continuación, debe crear reglas de acceso. Esto le permite controlar qué partes de su sitio web quiere que estén protegidas y disponibles sólo para los miembros.

Simplemente, vaya a la página MemberPress > Rules y haga clic en el botón Add New en la parte superior.

En la siguiente pantalla, primero tienes que elegir qué contenido quieres restringir en «Protected Content».

MemberPress ofrece toda una gama de opciones. Puedes seleccionar publicaciones que coincidan con ciertas etiquetas, categorías, páginas que estén bajo la misma página principal, publicaciones individuales o cualquier URL.

Por ejemplo, si utiliza un plugin de base de conocimientos de WordPress para gestionar la documentación de los clientes, puede restringir esos artículos al plan de socios. Del mismo modo, también puede restringir cualquier entrada, página, categoría o etiqueta a los clientes solamente.

Debajo de eso, necesita seleccionar quién tendrá acceso al contenido protegido. Hemos elegido el plan de membresía que creamos anteriormente para nuestros clientes.

Después de haber añadido las reglas de acceso, haga clic en el botón Save Rule para almacenar su configuración.

Creación de una página de cuenta de cliente en MemberPress

MemberPress le permite crear y gestionar fácilmente una página de cuenta. Esta es la página que verán sus clientes cuando accedan a su cuenta de cliente.

En primer lugar, vaya a la página de MemberPress > Settings y cambie a la pestaña ‘Pages‘. Desde aquí puede seleccionar la página que desea utilizar como página de cuenta.

Por defecto, MemberPress crea y utiliza la página ‘Account‘. Puede utilizar una página o nombre diferente si lo desea. Después de eso, simplemente haga clic en el botón Edit para abrir la página y editarla.

Puedes editar la página como lo harías con cualquier página de WordPress. Cualquier contenido que añadas aquí será visible para todos y no sólo para tu cliente.

Sin embargo, puede añadir texto personalizado aquí y utilizar el shortcode ‘[mepr-account-form]‘ para mostrar el formulario de inicio de sesión en cualquier lugar que desee.

Personalizar la página de la cuenta de cliente en MemberPress

Una forma de personalizar la página de cuenta en MemberPress es simplemente editándola. Sin embargo, cualquier cambio que añada aquí será visible para todos y no sólo para sus clientes. Para añadir contenido que sólo sea visible para tus clientes, puedes ocultarlo utilizando los shortcodes de MemberPress.

Por ejemplo, si sólo quieres mostrar algún contenido a los clientes bajo el plan de membresía VIP, entonces envolverás tu contenido así:

[mepr-active membership='186']

El contenido solo para el cliente va aquí 

[/mepr-active]

 

 

No olvide reemplazar el 186 con su propio ID de membresía. Puede ver el ID de membresía para cualquier plan visitando la página de MemberPress > Memberships.

Guarde los cambios que hizo en la página de la cuenta y visite su sitio web para verlo en acción. Tendrás que iniciar sesión con una cuenta con acceso al plan de afiliación que creaste anteriormente.

Añadir pestañas a la página de cuentas en MemberPress

Por defecto, MemberPress mostrará las pestañas Inicio, Suscripciones, Pagos y Cierre de sesión. Si te sientes cómodo añadiendo código personalizado, entonces puedes personalizar esto para añadir más pestañas y mostrar más contenido enfocado al cliente.

Vamos a añadir una pestaña con un formulario de contacto y otra para listar los documentos a los que los clientes pueden acceder desde su panel de control.

Simplemente añade el siguiente código al archivo functions.php de tu tema o a un plugin específico del sitio.

function mepr_add_some_tabs($user) {
$support_active = (isset($_GET['action']) && $_GET['action'] == 'premium-support')?'mepr-active-nav-tab':'';
?>
<span class="mepr-nav-item premium-support <?php echo $support_active; ?>">
<a href="/test4/account/?action=premium-support">Premium Support</a>
</span>
<?php
$documentation_active = (isset($_GET['action']) && $_GET['action'] == 'documentation')?'mepr-active-nav-tab':'';
?>
<span class="mepr-nav-item premium-support <?php echo $documentation_active; ?>">
<a href="/test4/account/?action=documentation">Documentation</a>
</span>
<?php
}
add_action('mepr_account_nav', 'mepr_add_some_tabs');

function mepr_add_tabs_content($action) {
if($action == 'premium-support'): //Update this 'premium-support' to match what you put above (?action=premium-support)
?>
<div id="custom-support-form">
// your contact form shortcode here
<?php echo do_shortcode('<!-- WPForms: no fields, form hidden -->'); ?>
</div>

<?php
endif;
if($action == 'documentation'): ?>
<div id="documentation">
// shortcode provided by your knowledge base plugin to list articles or manually add content here
<?php echo do_shortcode(' [knowledgebase] '); ?>

</div>
<?php
endif;
}
add_action('mepr_account_nav_content', 'mepr_add_tabs_content');

Como puedes ver hemos creado dos pestañas, una para mostrar nuestro formulario de contacto creado con WPForms y la otra para mostrar nuestros artículos de la base de conocimientos.

Hemos utilizado los shortcodes proporcionados por estos dos plugins dentro del código. Sin embargo, también puedes añadir manualmente cualquier otro contenido que quieras aquí.

No olvides guardar los cambios y previsualizar la página de tu cuenta. Así es como se ve en nuestro sitio web de demostración:

Añadir contenido personalizado para un cliente individual

MemberPress también le permite modificar manualmente la página de la cuenta para los miembros y clientes individuales. Simplemente vaya a la página Users > All Users y haga clic en el enlace ‘Editar’ debajo del usuario que desea cambiar.

Desplácese hacia abajo hasta «Custom MemberPress Account Message» (Mensaje personalizado de la cuenta de MemberPress) y añada el contenido que desea mostrar a ese cliente específico.

Esta área funciona como un editor WYSIWYG normal con una barra de herramientas en la parte superior. También puedes añadir imágenes, enlaces, shortcodes, galerías, vídeos, audio y mucho más.

No olvides hacer clic en el botón «Update User» para guardar los cambios.

Añadir un enlace al área de cliente usando MemberPress

Ahora que has creado y personalizado el área de clientes. Es el momento de hacerla fácilmente accesible para sus clientes.

Simplemente vaya a la página Apariencia > Menús y añada la página de la Cuenta que creó anteriormente a su menú de navegación.

Puede hacer clic en el elemento del menú para cambiar su título. Por ejemplo, aquí lo hemos cambiado por Client Area.

No olvide hacer clic en el botón Guardar menú para guardar su configuración. Ahora puede visitar su sitio web para ver su área de clientes en acción.

Al hacer clic en el enlace, los usuarios irán a la página de la cuenta donde podrán acceder a los accesos directos de los clientes después de iniciar la sesión.

Ampliación del portal de clientes con MemberPress

MemberPress es una plataforma extremadamente poderosa y altamente flexible para construir su portal de clientes en WordPress.

Le permite no sólo restringir fácilmente el acceso a los recursos de los clientes solamente. También le ayuda a añadir fácilmente cualquier característica que desee a su portal de clientes.

1. Descargas de archivos

¿Quiere permitir a sus clientes descargar fácilmente archivos de su sitio web? MemberPress viene con un complemento de Descargas de Archivos que le ayuda a gestionar fácilmente las descargas de los clientes.

2. Añadir cursos de aprendizaje

MemberPress es también el mejor plugin LMS (Sistema de gestión de aprendizaje) para WordPress del mercado. Te permite crear fácilmente cursos online y asociarlos a tus planes de afiliación. Esto da a sus clientes un fácil acceso a los recursos de aprendizaje en su sitio web, mientras que también le permite gestionar fácilmente estos recursos.

3. Añadir formularios al área de clientes

MemberPress trabaja con WPForms que es el plugin constructor de formularios de WordPress más sencillo que existe.

Esto le permite crear formularios de comentarios, formularios de testimonios, realizar encuestas a los clientes o añadir formularios de solicitud de asistencia.

¿Necesita que los clientes puedan subir archivos también? WPForms le permite crear fácilmente formularios de carga de archivos en su sitio web. A continuación, puede incrustar este formulario en la página de la cuenta, o cualquier página sólo para miembros en su sitio web.

4. Recaudar pagos y productos de venta adicional

Como propietario de un negocio, es posible que desee promover otros productos y servicios a sus clientes actuales y pasados.

El uso de MemberPress como su portal de clientes le permite integrarse con los mejores servicios de marketing por correo electrónico. Esto le permite mantenerse en contacto con los clientes de manera más eficiente y promover otros productos y servicios.

MemberPress también funciona con todas las pasarelas de pago populares como Stripe y PayPal. De esta manera, puedes cobrar fácilmente los pagos de otros servicios vendiéndolos como un plan de membresía.

Alternativamente, también puedes añadir una tienda online usando WooCommerce y vender los productos que quieras en el mismo sitio web.

Esperamos que este artículo te haya ayudado a aprender cómo crear un portal de clientes en WordPress.

Publicidad

Síguenos en Facebook