En esta lección, te mostraremos cómo crear una plantilla de sitio de WP Ultimo para tu plataforma de recaudación de fondos.

Cuando los usuarios creen una nueva cuenta en tu plataforma, esta plantilla de sitio será clonada a los sitios de los usuarios. Esto evitará que los usuarios tengan que configurar sus sitios manualmente desde cero y dará uniformidad al diseño general de tu plataforma. Lo único que los usuarios podrán cambiar será el logo de su sitio.

La plantilla de sitio que crearemos en esta lección tendrá las siguientes páginas:

1. Página de inicio – En esta página mostraremos los formularios de donación creados por el administrador del sitio.
2. Mi cuenta – Esta página mostrará el historial de donaciones y le permitirá editar su perfil. Esta página solo estará disponible para los usuarios que se registren e inicien sesión.
3. Inicio de sesión – Mostraremos el formulario de inicio de sesión en una página personalizada creada con Elementor.
4. Registro – Los donantes podrán registrarse en el sitio utilizando esta página personalizada que crearemos con Elementor.
5. Confirmación de la donación – Esta es la página que los donantes verán cuando la donación sea exitosa.
6. Donación fallida – Esta es la página que los donantes verán cuando la donación falle.

Tienes que seguir estos pasos para crear y configurar una plantilla de sitio en tu red:

1- Añade una nueva plantilla de sitio en tu red multisite

Ve al Administrador de la Red > WP Ultimo > Sitios > Plantillas.

Haz clic en Añadir Sitio.

Ingresa estos valores para crear tu nueva plantilla de sitio:

• Título del sitio: Ingresaremos “Plantilla”.
• Dominio/ruta del sitio: Usaremos el subdominio “plantilla”.
• Tipo de sitio: Plantilla del sitio
• Haz clic en Añadir nuevo sitio.

Después de añadir la plantilla de sitio a la red, haz clic en Gestionar.

Haz clic en Escritorio para abrir el panel wp-admin del nuevo sitio.

2- Elimina el contenido innecesario de este sitio

Las nuevas instalaciones de WordPress siempre crean un post de muestra, un comentario de muestra y una página de muestra. Ese contenido es innecesario, por lo que debes eliminarlo manualmente.

Nota – No elimines las páginas “Confirmación de donación” y “Donación fallida“.

3- Importa la configuración del tema

Nota – Si no quieres usar nuestras opciones de apariencia, puedes diseñar el sitio como quieras, usando cualquier tema de WordPress. Sin embargo, queremos ahorrarte el tiempo de diseñar el sitio, y a continuación puedes descargar las opciones del personalizador para el tema Kadence. Puedes importarlas usando el plugin Customizer Export/Import.

Primero, ve a Apariencia > Temas y activa el tema Kadence.

Segundo, ve a Apariencia > Personalizar y haz esto:

1. Ve a Import/Export
2. Haz clic en Seleccionar archivo y busca el archivo descargado en tu ordenador.
3. Haz clic en Importar.

Ahora ve a Identidad del Sitio y sube el logo de tu plataforma.

Una vez que hayas subido y configurado el logotipo, haz clic en Publicar.

Ya puedes cerrar el personalizador.

4- Añade la página de inicio al sitio

La página de inicio de nuestro sitio plantilla contendrá los formularios de donación añadidos por el propietario del sitio. Los usuarios podrán crear tantos formularios de donación como el plan de WP Ultimo les permita crear.

Ve a Páginas > Añadir nueva.

Ingresa el título de la página, selecciona Elementor Ancho Completo como plantilla de página, y haz clic en Editar con Elementor.

Una vez que estés en Elementor, necesitas buscar el elemento GiveWP Form Grid y arrastralo a la sección principal.

Ve a Edit GiveWP Form Grid > Avanzado y añade un relleno de 50px arriba y abajo.

Ve a Editar GiveWP Form Grid > Contenido y selecciona los siguientes valores:

• Collection Method: Forms
• Number of columns: 3

Puedes seleccionar cualquier otro valor para mostrar la cuadrícula de formularios como desees.

Ahora puedes Publicar la página y proceder a seleccionar esta página como página principal.

Ve a Ajustes > Lectura.

Selecciona Una página estática.

Ahora selecciona la página que acabas de crear como página de inicio.

Y finalmente haz clic en Guardar cambios.

5- Añade la página de la cuenta de los donantes

Ahora añadiremos la página de la cuenta del donante, la cual permitirá a los donantes ver su historial de donaciones y editar su perfil.

Ve a Páginas > Añadir nueva.

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

Una vez que estés en el editor de Elementor, añade una nueva sección a la página y ve a Editarla.

Ve a Avanzado e introduce 50px de relleno superior y 50px de relleno inferior.

Ahora necesitas añadir los siguientes elementos a esta página:

• Título: Puedes añadir algo como “Tus donaciones“
• Widget Donation History
• Título: Puedes añadir algo como “Edita tu perfil“
• Widget GiveWP Profile Editor

Este es el aspecto que debería tener la página en Elementor:

Una vez satisfecho con el resultado, puedes publicar la página.

6- Añade la página de inicio de sesión

Ahora es momento de añadir la página que los donantes utilizarán para iniciar sesión en su cuenta de donante.

1. Ve a Páginas > Añadir nueva.
2. Selecciona la plantilla Elementor Ancho Completo.
3. Haz clic en Editar con Elementor.

Una vez que estés en el panel de control de Elementor, añade el elemento GiveWP Login Widget a la página.

Después de que los usuarios inicien sesión, los redirigiremos a su dashboard de donantes.

Selecciona la página creada en el paso 5 de esta lección.

Puedes publicar la página después de añadir el formulario de inicio de sesión.

7- Añade la página de registro

La página de registro será utilizada por los donantes que quieran crear una cuenta en el sitio.

1. Ve a Páginas > Añadir nueva.
2. Selecciona la plantilla Elementor Ancho Completo.
3. Haz clic en Editar con Elementor.

Una vez que estés en el panel de control de Elementor, añade el elemento GiveWP Register Widget a la página.

Después de que los usuarios registren una nueva cuenta, los redirigiremos a la página de Inicio. Selecciona la página creada en el paso 4 de esta lección.

Puedes publicar la página después de añadir el formulario de registro.

8- Configura el menú de navegación de la plantilla de sitio

Después de añadir las páginas de la plantilla de sitio, tenemos que configurar el menú de navegación.

Este menú de navegación tendrá algunas condiciones de visibilidad. Esto significa que las páginas de inicio de sesión y de registro solo se mostrarán a los usuarios desconectados, y la página del dashboard del donante junto con el botón de cierre de sesión solo se mostrarán a los usuarios conectados.

Para ello, utilizaremos el plugin User Menu.

Primero, ve a Apariencia > Menús, y crea un nuevo menú de navegación.

1. Añade el Nombre del menú
2. Marca la casilla Primario
3. Haz clic en Crear Menú

Una vez que hayas creado el menú navegación, añadele las siguientes páginas:

• Inicio
• Dashboard
• Inicio de sesión
• Registrarse

Ve a Enlaces de usuario y añade el enlace Salir al menú.

Ahora vamos a seleccionar la configuración de visibilidad para cada elemento del menú.

Utiliza el desplegable Quién puede usar este enlace en cada elemento del menú y selecciona los siguientes valores:

• Inicio: Todos
• Dashboard: Usuarios conectados
• Inicio de sesión: Usuarios desconectados
• Registrarse: Usuarios desconectados

Para el ítem Salir, puedes seleccionar la página de inicio en Donde hay que llevar después a los usuarios.