Sigamos construyendo nuestra plataforma de donaciones con WordPress. En esta lección, veremos cómo añadir la página de donantes de GiveWP al dashboard frontend personalizado que estamos creando para nuestra plataforma.

Los usuarios podrán ver y gestionar los donantes en el dashboard personalizado, sin tener que acceder al dashboard wp-admin de sus sitios.

Tienes que seguir los siguientes pasos:

1- Abre el sitio del dashboard

Ve a Administrador de la red > WP Ultimo > Sitios.

Haz clic en Gestionar en el sitio Dashboard.

Ahora haz clic en Escritorio para abrir el panel wp-admin del sitio Dashboard.

2- Crea una nueva página en el sitio del dashboard

Una vez que abras el panel de wp-admin del sitio del dashboard personalizado, ve a Páginas > Añadir nueva.

Ahora introduce el título de la página, selecciona Elementor Canvas como Plantilla de la página y haz clic en Editar con Elementor.

Una vez en Elementor, vamos a importar la plantilla que vamos a utilizar para construir nuestro dashboard frontend.

Haz clic en Añadir plantilla.

En la Biblioteca de Elementor, ve a Mis plantillas y haz clic en Insertar una vez que encuentres la plantilla del dashboard personalizado.

Después de importar la plantilla, nosotros hemos ingresado el nombre de la página, luego y tienes que pegar el siguiente shortcode en la sección de contenido de la página:

[vg_display_admin_page page_url="edit.php?post_type=give_forms&page=give-donors"]

Este shortcode te permitirá mostrar la página de Donantes del plugin GiveWP frontend.

Ahora haz clic en Previsualizar cambios.

donantes de givewp en el frontend

3- Configurar la página de donantes de GiveWP en el frontend

Para configurar la página de Donantes en el escritorio personalizado de WordPress es necesario utilizar el panel de Configuración rápida.

Puedes empezar seleccionando la siguiente información:

  • Título de la página: Donantes
  • URL slug: donantes
  • Plantilla: Elementor Canvas
  • Añadir a menú: Selecciona el menú del dashboard

Puedes eliminar cualquier elemento innecesario de la página de donantes en el frontend.

Solo tienes que hacer clic en Ocultar elemento, y hacer clic en el elemento que quieres ocultar.

Debes repetir el mismo proceso con todos los elementos que quieras ocultar de esta página.

También puedes cambiar cualquier texto de la página de Donantes de GiveWP en el frontend. Esto es útil para renombrar campos, botones y metaboxes.

  1. Haz clic en Editar textos.
  2. Cambia todos los textos que desees.
  3. Haz clic en Edición terminada.

donantes de givewp en el frontend

Antes de guardar los cambios, puedes marcar la casilla Ocultar avisos añadidos por otros plugins o temas.

También puedes restringir esta página basándote en el plan de WP Ultimo adquirido por el usuario. Simplemente marca el plan para el cual la página está disponible en Planes de WP Ultimo requeridos.

Haz clic en Guardar para aplicar los cambios, y publica la página.

Puedes también abrir un donante específico para ver su perfil y ocultar cualquier elemento innecesario o editar cualquier texto. Puedes aplicar los cambios a las secciones Perfil del Donante, Notas del Donante y Eliminar Donante.

donantes de givewp en el frontend

Este es el aspecto que tendrá la página de donantes en el dashboard personalizado una vez que esté terminada.

donantes de givewp en el frontend

Esto es lo que nuestros usuarios verán cuando abran el perfil de un donante específico.

donantes de givewp en el frontend

En la próxima lección, te mostraremos cómo agregar la configuración de la ubicación de GiveWP al escritorio personalizado.

Consejo

Si tienes una licencia premium de WP Frontend Admin, puedes descargar una copia de la plataforma de donaciones completa e importarla en tu sitio. De esta manera, todo lo que se muestra en este curso ya estará configurado para ti. Esto te ahorrará mucho tiempo.

Nota. Necesitas WP Ultimo 2.x

Close