Continuemos con la creación de un dashboard personalizado para nuestra plataforma de donaciones basada en WordPress.

En esta lección, aprenderemos cómo añadir la página de pasarelas de pago al escritorio personalizado; nuestros usuarios podrán seleccionar y configurar pasarelas de pago de givewp en el frontend, incluyendo PayPal, Stripe, entre otras.

Sigue estos pasos:

1- Abre el sitio del dashboard personalizado

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

Una vez allí, busca el sitio del dashboard y haz clic en Gestionar.

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

2- Crea una nueva página

Ve a Páginas > Añadir nueva.

Ahora ingresa 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 que estés en Elementor, haz clic en Añadir plantilla para importar la plantilla del escritorio personalizado.

Una vez que encuentres la plantilla del dashboard personalizado, haz clic en Insertar.

3- Muestra las pasarelas de pago en el frontend

Pega el siguiente shortcode en la sección de contenido de la página, para mostrar la página de pasarelas de pago en el escritorio personalizado:

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

Después de pegar el shortcode, puedes agregar el título de la página para que se vea aún mejor en el dashboard personalizado, y luego haz clic en Previsualizar cambios para ver las pasarelas de pago en el frontend.

4- Configura la página en el frontend

Tienes que configurar la página usando el panel de Configuración rápida en la parte izquierda de la pantalla.

Comienza seleccionando esta información:

• Título de la página: Pasarelas de pago
• URL slug: pasarelas-de-pago
• Plantilla: Elementor Canvas
• Añadir a menú: Selecciona el menú dashboard.

Ahora puedes ocultar cualquier elemento innecesario. Esto te permite evitar que los usuarios utilicen cualquier característica que no les esté permitida.

Por ejemplo, en esta página vamos a eliminar las pestañas de la página de ajustes, cualquier enlace de la versión pro de GiveWP, y cualquier enlace a la documentación de GiveWP.

Simplemente haz clic en Ocultar elemento y luego haz clic en el elemento que deseas ocultar. Recuerda guardar los cambios antes de cambiar de pestaña.

En la pestaña Pasarelas, puedes eliminar el banner Conectar con Stripe.

Si te desplazas a la pestaña de Stripe, puedes eliminar el texto Aceptar donaciones con Stripe.

En los Ajustes Generales dentro de Stripe, puedes eliminar el texto Revisa nuestra documentación para más información.

Si quieres eliminar cualquier mención de GiveWP en la página de pasarelas de pago, puedes hacer clic en Editar textos, y cambiar “GiveWP” por “nuestra plataforma“.

Una vez que hayas terminado de editar todos los textos, haz clic en Edición terminada.

Antes de publicar la página, puedes marcar la casilla Ocultar avisos añadidos por otros plugins o temas.

También puedes seleccionar los planes de membresía para los que la página está disponible en Planes de WP Ultimo requeridos.

Finalmente, puedes hacer clic en Guardar para aplicar los cambios, y luego publicar la página.

Este es el aspecto que tendrá la página de las pasarelas de pago en el dashboard personalizado:

Así es como se verá la página de configuración de Stripe en el dashboard personalizado:

Y este es el aspecto que tendrá la página de configuración de PayPal en el dashboard personalizado:

Así es como puedes permitir a tus usuarios configurar pasarelas de pago de GiveWP en el frontend.

En la próxima lección, te mostraremos cómo añadir la página de Opciones por defecto de GiveWP al escritorio personalizado. Esta página permitirá a los usuarios de tu plataforma seleccionar algunas opciones por defecto.