Cómo crear un portal de clientes en WordPress (con páginas privadas e inicio de sesión)

¿Quieres crear un portal de clientes en WordPress?

Un portal de clientes le permite crear un área dedicada para clientes donde pueden iniciar sesión para acceder a documentos, archivos, soporte y más.

En este artículo, le mostraremos cómo crear fácilmente un portal de clientes en WordPress.

Creación de un portal de clientes en WordPress

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

Un portal de clientes le permite administrar de manera eficiente los recursos de los clientes en línea. Esto reduce las solicitudes de soporte, permite que los clientes se ayuden a sí mismos y les brinda una mejor experiencia de usuario.

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

Del mismo modo, si ejecuta una agencia de diseño gráfico o diseño web, puede usar un portal de clientes donde los clientes pueden acceder a todos los archivos y la información que necesitan.

Ejemplo de un área de cliente creada en WordPress

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

Cómo crear un portal de clientes en WordPress

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

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

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

Primero, debe instalar y activar el complemento MemberPress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar MemberPress » Configuración para ingresar su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de MemberPress.

Clave de licencia de MemberPress

A continuación, debe cambiar a la pestaña ‘Pagos’ y seleccionar un método de pago para aceptar pagos por suscripciones de membresía. También puede crear planes de suscripción gratuitos si lo desea o agregar miembros manualmente por su cuenta.

Pago de MemberPress

MemberPress es compatible con PayPal y Stripe. También puede usar 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 ‘Opciones de actualización’ para guardar los cambios.

A continuación, está listo para crear un plan de membresía. Este es el plan de suscripción al que agregará a sus clientes.

Simplemente ve a la MemberPress » Membresías página y haga clic en el botón Agregar nuevo.

Agregar un plan de membresía

En la siguiente pantalla, puede darle un nombre a su plan de membresía y establecer una opción de precio. Dependiendo de cómo administre los contratos de sus clientes, puede elegir planes de por vida, con vencimiento o con vencimiento fijo.

Plan de suscripción del cliente

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

Simplemente, vaya a la MemberPress » Reglas página y haga clic en el botón Agregar nuevo en la parte superior.

Agregar nueva regla

En la siguiente pantalla, primero debe elegir qué contenido desea restringir en ‘Contenido protegido’.

MemberPress ofrece una amplia gama de opciones. Puede seleccionar publicaciones que coincidan con ciertas etiquetas, categorías, páginas que se encuentran en la misma página principal, publicaciones individuales o cualquier URL.

Configurar reglas de acceso

Por ejemplo, si usa un complemento de la base de conocimientos de WordPress para administrar la documentación de los clientes, puede restringir esos artículos al plan de membresía. Del mismo modo, también puede restringir cualquier publicación, página, categoría o etiqueta solo a los clientes.

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

Una vez que haya agregado las reglas de acceso, haga clic en el botón Guardar regla para almacenar su configuración.

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

MemberPress le permite crear y administrar fácilmente una página de cuenta. Esta es la página que verán sus clientes cuando inicien sesión en su cuenta de cliente.

Primero, ve a MemberPress » Configuración página y cambie a la pestaña ‘Páginas’. Desde aquí puede seleccionar la página que desea utilizar como página de la cuenta.

Configurar página de cuenta de cliente

De manera predeterminada, MemberPress crea y usa la página ‘Cuenta’. Puede utilizar una página diferente si lo desea. Después de eso, simplemente haga clic en el botón Editar para abrir la página y editarla.

Puede editar la página como editaría cualquier página de WordPress. Cualquier contenido que agregue aquí será visible para todos y no solo para su cliente.

Edición de la página de la cuenta en MemberPress

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

Vista previa de la página de la cuenta

Personalización de la página de la cuenta del cliente en MemberPress

Una forma de personalizar la página de la cuenta en MemberPress es simplemente editándola. Sin embargo, cualquier cambio que agregue aquí será visible para todos y no solo para sus clientes.

Para agregar contenido que solo es visible para sus clientes, puede ocultarlo usando códigos cortos de MemberPress.

Por ejemplo, si solo desea mostrar algún contenido a los clientes bajo el plan de membresía VIP, envolverá su contenido de esta manera:


[mepr-active membership='186']

Client only content goes here

[/mepr-active]

No olvide reemplazar 186 con su propia identificación de membresía. Puede ver la identificación de membresía para cualquier plan visitando MemberPress » Membresías página.

Encontrar un ID de plan de membresía en MemberPress

Guarde los cambios que realizó en la página Cuenta y visite su sitio web para verlo en acción. Deberá iniciar sesión con una cuenta con acceso al plan de membresía que creó anteriormente.

Vista previa de la cuenta con contenido solo para miembros

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

De forma predeterminada, MemberPress mostrará las pestañas Inicio, Suscripciones, Pagos y Cerrar sesión. Si se siente cómodo agregando código personalizado, puede personalizarlo para agregar más pestañas y mostrar más contenido centrado en el cliente allí.

Agreguemos una pestaña con un formulario de contacto y otra para enumerar los documentos a los que los clientes pueden acceder desde su tablero.

Simplemente agregue el siguiente código al archivo functions.php de su tema o un complemento 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(''); ?> 
    </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 puede ver, creamos dos pestañas, una para mostrar nuestro formulario de contacto creado con WPForms y la otra para mostrar los artículos de nuestra base de conocimientos.

Usamos códigos cortos proporcionados por estos dos complementos dentro del código. Sin embargo, también puede agregar manualmente cualquier otro contenido que desee aquí.

No olvide guardar sus cambios y obtener una vista previa de la página de su cuenta. Así es como se veía en nuestro sitio web de demostración:

Pestañas de la página de la cuenta

Adición de contenido personalizado para un cliente individual

MemberPress también le permite modificar manualmente la página Cuenta para miembros y clientes individuales. Simplemente ve a Usuarios » Todos los usuarios y haga clic en el enlace ‘Editar’ debajo del usuario que desea cambiar.

Editar cuenta de usuario

Desplácese hacia abajo hasta el ‘Mensaje de cuenta personalizado de MemberPress’ y agregue el contenido que desea mostrar a ese cliente específico.

Agregar contenido para clientes específicos

Esta área funciona como un editor WYSIWYG regular con una barra de herramientas de formato en la parte superior. También puede agregar imágenes, enlaces, códigos cortos, galerías, videos, audio y más.

No olvide hacer clic en el botón ‘Actualizar usuario’ para guardar los cambios.

Mensaje específico del cliente en la página de la cuenta

Agregar un enlace al área del cliente usando MemberPress

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

Simplemente ve a la Apariencia » Menús y agregue la página Cuenta que creó anteriormente a su menú de navegación.

Agregar el enlace del área de clientes a su menú de navegación

Puede hacer clic en el elemento del menú para cambiar su título. Por ejemplo, aquí lo cambiamos a Área de Cliente.

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

Área de Clientes

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

Ampliación del portal del cliente con MemberPress

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

Le permite no solo restringir fácilmente el acceso a los recursos de los clientes. También lo ayuda a agregar fácilmente cualquier función que desee a su portal de clientes.

1. Descargas de archivos

¿Quiere permitir que sus clientes descarguen fácilmente archivos de su sitio web? MemberPress viene con un complemento de descargas de archivos que lo ayuda a administrar fácilmente las descargas de los clientes.

La página de descarga del archivo MemberPress

Para obtener detalles paso a paso, consulte nuestra guía sobre cómo administrar las descargas de archivos en WordPress.

2. Agregar cursos de aprendizaje

MemberPress es también el mejor plugin LMS de WordPress del mercado. Le permite crear fácilmente cursos en línea y asociarlos a sus planes de membresía. Esto brinda a sus clientes un fácil acceso a los recursos de aprendizaje en su sitio web, al mismo tiempo que le permite administrar fácilmente estos recursos.

Vista previa de los cursos de MemberPress

Para obtener más detalles, consulte nuestro tutorial sobre cómo crear fácilmente cursos en línea en WordPress.

3. Agregar Formularios al Área de Clientes

MemberPress trabaja con WPForms que es el complemento de creación de formularios de WordPress más fácil disponible.

Esto le permite crear formularios de comentarios, formularios de testimonios, realizar encuestas de clientes o agregar formularios de solicitud de soporte.

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

4. Cobrar pagos y vender productos adicionales

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

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 promocionar otros productos y servicios.

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

Alternativamente, también puede agregar una tienda en línea usando WooCommerce y vender los productos que desee en el mismo sitio web.

Esperamos que este artículo le haya ayudado a aprender cómo crear un portal de clientes en WordPress. Es posible que también desee ver nuestra comparación de los mejores servicios telefónicos comerciales para pequeñas empresas y el mejor software de chatbot para ofrecer un mejor soporte.

.

Deja un comentario