En este tutorial, te mostraremos cómo crear un dashboard o escritorio frontend para el plugin Fluent CRM.
Este dashboard será como una interfaz de usuario personalizada o una aplicación web para que los usuarios puedan:
- Administrar contactos desde el frontend
- Crear y enviar correos electrónicos desde el frontend
- Crear y administrar secuencias de correos desde el frontend
- Crear y administrar formularios y automatizaciones desde el frontend
Y lo mejor es que tus usuarios no tendrán que usar el escritorio de wp-admin, lo que significa que no necesitan saber cómo usar WordPress.
Usaremos el plugin WP Frontend Admin, el cual te permite mostrar cualquier página wp-admin en el frontend.
Puedes crear escritorios o dashboard en el frontend fácilmente, tambien construir aplicaciones web usando cualquier plugin de WordPress como base.
Puedes ganar dinero construyendo tu propia plataforma, y en este caso usarás el plugin Fluent CRM para crear una plataforma de automatización de marketing por correo electrónico en el frontend.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
Una vez que instales WP Frontend Admin en tu sitio web, debes seguir estos sencillos pasos para mostrar el dashboard de Fluent CRM en el frontend:
1- Muestra el dashboard de Fluent CRM en el frontend
Para mostrar la página del dashboard de Fluent CRM en el frontend, necesitas crear una nueva página, así que ve a Páginas > Añadir nueva.
Ahora haz lo siguiente:
- Ingresa el título de la página.
- Ingresa el siguiente shortcode como contenido de la página:
[vg_display_admin_page page_url="admin.php?page=fluentcrm-admin#/"]
- Haz clic en Vista previa.
2- Selecciona la información básica de la página de Fluent CRM
WP Frontend Admin te permite configurar tus páginas en el frontend usando el panel de configuración rápida en el lado derecho de la pantalla.
Puedes empezar a configurar la página del dashboard de Fluent CRM seleccionando esta información básica:
- Título de página: Aquí debe ingresar un título a la nueva página. Como ya lo has ingresado en el editor de páginas normal, se heredará. Sin embargo, puede cambiarlo aquí.
- URL slug: Ingresa aquí el slug de la URL. También se puede heredar del editor de la página, pero se puede cambiar aquí.
- Plantilla: Como estamos usando el diseño de nuestro tema, usaremos la plantilla Por defecto. Sin embargo, se hereda cuando creas tus páginas con constructores de páginas como Elementor, por ejemplo.
- Añadir a menú: Puedes crear un menú para añadir las páginas del dashboard. Selecciona el menú aquí.
3- Oculta los elementos innecesarios de tu página
WP Frontend Admin te permite personalizar tus páginas en el frontend. En este caso, te permite personalizar el dashboard de Fluent CRM.
Estos son algunos de los elementos que se pueden eliminar de la página del dashboard de Fluent CRM:
- Logo de Fluent CRM
- Botón de Get Pro
- Enlaces de documentación.
- Cualquier configuración Pro si estás usando la versión gratuita de Fluent CRM.
- Y cualquier otro elemento que tus usuarios no necesiten para gestionar contactos, correos electrónicos, formularios, automatizaciones, etc.
Solo tienes que seguir estos dos pasos para ocultar cualquier elemento innecesario de tu página de dashboard de Fluent CRM:
- Haz clic en Ocultar elemento.
- Haz clic en el elemento que deseas ocultar.
- Repite esto con cada elemento que quieras ocultar.
Incluso puedes moverte entre pestañas para eliminar los elementos innecesarios de cada una de ellas. Esto significa que puedes eliminar elementos de la pestaña Dashboard, luego de la pestaña Contactos, y así sucesivamente.
4- Edita cualquier texto en tu dashboard de Fluent CRM
Para llevar la personalización de tu página frontend aún más lejos, puedes editar cualquier texto en tus páginas en el frontend con unos pocos clics. De nuevo, puedes cambiar cualquier texto en cualquier pestaña de Flient CRM.
Solo tienes que seguir estos sencillos pasos:
- Haz clic en Editar textos.
- Edita el texto que quieras.
- Haz clic en Edición terminada.
Con estos tres sencillos pasos, habrás personalizado todos los textos de la página del dashboard de Fluent CRM.
5- Realiza los cambios finales y publica tu página
Una vez que hayas terminado de eliminar los elementos y campos innecesarios y de editar los textos, puedes:
- Activar la casilla ¿Ocultar notificaciones añadidas por otros plugins o temas? Para evitar que los usuarios vean cualquier notificación de wp-admin en el frontend.
- Haz clic en Guardar para aplicar los cambios y publicar la página.
6- Disfruta de tu dashboard
Con los sencillos pasos explicados anteriormente, podrás crear un dashboard de Fluent CRM en el frontend. Tus usuarios tendrán todo lo necesario para gestionar el departamento de email marketing de tu empresa (o de otra persona/cliente).
Esta es la página del dashboard de Fluent CRM. Aquí, los usuarios podrán obtener una visión rápida de los contactos, las campañas, las plantillas de correo electrónico, etc. Además, verán el crecimiento de los suscriptores a lo largo del tiempo.
En la pestaña Contactos, los usuarios podrán ver todos los contactos existentes, añadir más contactos e importar o exportar contactos mediante archivos CSV. Esta será una gran opción para migrar clientes de un sitio a otro o para hacer copias de seguridad de clientes y miembros del equipo.
La pestaña de correos electrónicos permitirá a tus usuarios crear, editar y eliminar campañas de marketing por correo electrónico. Además, tendrán acceso a las secuencias y plantillas de correo electrónico.
En la pestaña Formularios, los usuarios podrán crear nuevos formularios, copiar shortcodes de formularios, editar formularios, etc.
Es importante mencionar que necesitas instalar y activar el plugin Fluent Forms para poder gestionar los formularios en el frontend.
Además, tus usuarios podrán gestionar la configuración de Fluent CRM.
Tendrán acceso a la configuración de la empresa, a la configuración del correo electrónico, a la configuración general y a cualquier otro tipo de configuración que les permita gestionar.
Si hay algunos ajustes que se pueden gestionar solo con la versión pro del plugin, puedes ocultarlos tal y como te mostramos anteriormente.
Como puedes ver, con WP Frontend Admin tienes todo lo necesario para construir un dashboard / una aplicación web de Fluent CRM. Si estás construyendo una plataforma para un cliente, los usuarios ni siquiera se darán cuenta de que estás usando WordPress y Fluent CRM entre bastidores. Todo parece (y es) una aplicación web profesional.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.