Sigamos construyendo nuestra plataforma de donaciones con WordPress. En esta lección, te mostraremos cómo ver las donaciones de GiveWP en el frontend, añadiendo esa página al dashboard personalizado.

Los usuarios de tu plataforma podrán ver las donaciones que han recaudado sin tener que acceder al escritorio normal de wp-admin.

Sigue estos pasos:

1- Abre el sitio del dashboard personalizado

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

Haz clic en Gestionar en el sitio Dashboard.

Haz clic en Escritorio para abrir el panel wp-admin de tu sitio Dashboard.

2- Añade una nueva página

Una vez que estés en el panel wp-admin del sitio del dashboard personalizado, ve a Páginas > Añadir nueva:

1. Ingresa el título de la página.
2. Selecciona Elementor Canvas en Plantilla.
3. Haz clic en Editar con Elementor.

Nota. Asegúrate de que el slug de la URL de la página no sea /donaciones, porque GiveWP ya tiene una página con ese slug de URL. /historial-donaciones puede ser un buen slug de URL.

Una vez que estés en el editor de Elementor, necesitas importar la plantilla que estás usando para construir el escritorio personalizado para tu plataforma de donaciones.

Haz clic en Añadir plantilla.

Ve a Mis plantillas, localiza la plantilla que vas a utilizar para crear el dashboard personalizado y haz clic en Insertar.

Ahora que has importado la plantilla, necesitas añadir el siguiente shortcode a la página para mostrar el historial de donaciones en el frontend:

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

En este caso, nosotros le agregamos también el título de la página antes del shortcode para que la página se vea aún mejor en el frontend.

Haz clic en Previsualizar cambios.

3- Configura la página de donaciones en el frontend

Ahora que el historial de donaciones se ha mostrado en el frontend, utiliza el panel de Configuración rápida para configurar la página en el frontend.

Nota. Debes crear una nueva donación de prueba en este sitio para poder ver la página de donaciones correctamente.

Puedes empezar seleccionando la siguiente información:

• Título de la página
• URL slug
• Plantilla
• Añadir menú

Puedes ocultar cualquier elemento innecesario de la página de donaciones. Por ejemplo, no permitiremos a los usuarios importar donaciones, por lo que debemos eliminar el botón Importar donaciones de esta página.

1. Haz clic en Ocultar elemento
2. Haz clic en el elemento que deseas ocultar.

Repite estos dos pasos para cada elemento que vayas a ocultar de la página.

Además de ocultar los elementos innecesarios de la página, puedes editar cualquier texto para personalizar aún más la página. Puedes cambiar el nombre de los botones, campos y metaboxes.

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

Si no quieres que se muestren avisos del administrador en esta página del frontend, marca la casilla Ocultar avisos añadidos por otros plugins o temas.

Si quieres restringir esta página en base al plan de WP Ultimo, puedes seleccionar los planes en la sección Planes de WP Ultimo requeridos.

Haz clic en Guardar para aplicar los cambios.

Después de guardar los cambios, puedes ver una donación existente para editar la página ocultando cualquier elemento innecesario o cambiando cualquier texto en ella.

También puedes ver el perfil del donante y ocultar cualquier elemento innecesario o cambiar el nombre de los campos, botones o metaboxes.

Este es el aspecto que tendrá la página de donaciones de GiveWP en el escritorio personalizado una vez que el dashboard esté completo.

Esta es la página de información de donación en el frontend:

Cuando tus usuarios abran el perfil de un donante específico, esto es lo que verán en el escritorio personalizado:

Así es como puedes permitirle a tus usuarios ver las donaciones de GiveWP en el frontend. En la próxima lección, te mostraremos cómo añadir la página de Donantes al dashboard personalizado.