¿Quieres crear una aplicación web basada en WordPress que permita a tus usuarios crear y enviar boletines desde el frontend? Aquí te mostraremos cómo mostrar el creador de boletines del plugin “The Newsletter Plugin” y permitir que tus usuarios envíen newsletters sin tener que acceder al escritorio normal de wp-admin.
Esto también puede serte útil si contratas a a una persona para que envíe boletines, compruebe las estadísticas de suscripciones, envíe correos electrónicos de marketing, etc. Esa persona no necesitará usar el escritorio normal de WordPress para nada más, por lo que sería ideal que pueda gestionar los boletines y newsletters desde el frontend.
Para esto usaremos el plugin WP Frontend Admin, el cual te permite crear cualquier tipo de dashboard personalizado o aplicación web usando WordPress. Puedes mostrar cualquier página de wp-admin en el frontend con unos pocos clics y sin saber nada de programación.
Solo necesitas seguir estos pasos:
1- Instala y Activa “The Newsletter Plugin”
Aunque WP Frontend Admin funciona con cualquier otro plugin de boletines, usaremos el plugin “Newsletter” para construir nuestro sistema de boletines en el frontend.
Puedes descargar el plugin aquí o buscarlo en la sección de Plugins de wp-admin.
2- Instala y Activa el Plugin WP Frontend Admin
Este plugin te permite mostrar cualquier página de wp-admin en el frontend para crear dashboard y aplicaciones web usando cualquier plugin de WordPress entre bastidores.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
3- Muestra el Escritorio de Newsletter en el Frontend
Muestra el escritorio de Newsletter en el frontend para crear un sistema de boletines en el frontend.
Ve a Newsletter > Escritorio y haz clic en “Ver en el frontend” en la barra superior de wp-admin.
WP Frontend Admin también funciona con los constructores de páginas de WordPress, aquí hay algunos de ellos:
- Elementor
- Visual Composer
- Gutenberg
- Divi
- Beaver Builder
- WP Page Builder
- Page Builder by SiteOrigin
- Oxygen
- Live Composer
- Brizy
- Etc.
Puedes mostrar la página del Escritorio de Newsletter en el frontend usando el siguiente shortcode en cualquier página:
[vg_display_admin_page page_url="admin.php?page=newsletter_main_index"]
Ahora puedes hacer clic en Vista previa para ver la página del escritorio de Newsletter en el frontend.
4- Selecciona la Información Básica de la Página del Escritorio de Newsletter
WP Frontend Admin mostrará el panel de Opciones Rápidas en la parte izquierda de la pantalla.
Nota. Es importante mencionar que el estilo de la página dependerá de tu tema. Puedes seleccionar tus propios colores para crear la página en el frontend.
Puedes empezar a configurar la página de boletines seleccionando la siguiente información:
- Título de página – Ingresa un título como “Newsletters” o “Escritorio Email”
- URL Slug – Dado que el plugin de Newsletter usa el slug “newsletter” para la página de boletines automáticos, es posible que tengas que ingresar otro slug como “escritorio-emails”.
- Plantilla – Puedes usar las opciones de tu tema usando la plantilla por defecto o seleccionar cualquier otra plantilla de página.
- Añadir a menú – Puedes añadir esta página a un menú para crear un dashboard en el frontend. Solo tienes que seleccionar el menú en esta pestaña.
5- Oculta cualquier elemento innecesario de la página
Como podrás observar, la página del escritorio de Newsletter contiene muchos campos y opciones que los usuarios encargados de gestionar las newsletters en el frontend no usarán.
Por eso, WP Frontend Admin te permite ocultar fácilmente cualquier elemento innecesario:
- Haz clic en Ocultar elemento.
- Haz clic en el elemento que quieras ocultar.
- Repite estos pasos con cada elemento que quieras ocultar.
Estos son algunos de los elementos que puedes ocultar de tu página de Newsletter:
- El logo del plugin
- Botón “Obtén extensiones profesionales”.
- Sección de documentación
- Sección de desarrolladores
- Sección de vídeos tutoriales
- Pie de página
- Las opciones del “Sistema”
6- Edita Cualquier Texto de tu Página de Newsletter en el Frontend
Puedes personalizar los textos que aparecen en la página de Newsletter en el frontend. Solo tienes que seguir estos sencillos pasos:
- Haz clic en Editar textos.
- Edita todos los textos que quieras.
- Haz clic en Edición terminada.
7- Guarda los Cambios y Edita las otras Páginas de Newsletter en el Frontend
Una vez que hayas terminado de editar la página principal de Newsletter, puedes marcar la casilla Ocultar notificaciones añadidas por otros plugins o temas para evitar que los usuarios vean las notificaciones de wp-admin en el frontend.
Por último, haz hacer clic en “Guardar” para aplicar todos los cambios que has hecho en la página.
Ahora puedes seguir configurando tu sistema de boletines en el frontend editando las demás páginas.
Por ejemplo, puedes ir a la página de mantenimiento y eliminar los elementos innecesarios o editar los textos.
Luego puedes pasar a otras páginas y hacer lo mismo hasta que hayas editado todas las páginas y no aparezcan elementos innecesarios o textos confusos en tus páginas.
Esta es una gran manera de personalizar completamente tu sistema de boletines en el frontend con Newsletter.
Una vez editadas y publicadas todas las páginas, tus usuarios podrán empezar a usarlas en el frontend.
Aquí está la página principal de boletines en el frontend:
Esta es la página de Ajustes Generales del plugin Newsletter en el frontend.
Permite a los Usuarios Enviar Boletines de Newsletter desde el Frontend
Algo a tener en cuenta es que solo los usuarios con el permiso de “exist” podrán crear y enviar boletines desde el frontend.
Puedes seguir este tutorial para aprender a asignar ese permiso a otros roles o perfiles de usuario en WordPress.
OPCIONAL
Puedes añadir un botón de cierre de sesión al menú usando este shortcode:
[vg_display_logout_url]
Solo tienes que ir a Apariencia > Menús y añadir un nuevo elemento como enlace personalizado. Ingresa el shortcode en el campo URL y el título en el campo Texto del enlace.
Nota. Para que los shortcodes funcionen como enlaces en los elementos del menú, necesitas instalar el plugin Shortcode in Menus.
Crear un sistema de boletines en el frontend es posible y fácil con el plugin WP Frontend Admin.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
