Estamos creando un escritorio frontend para el plugin Amelia. Los usuarios podrán ver la página de administración y el calendario, y crear citas y eventos en el frontend. Además, en este tutorial te mostraremos cómo permitir que los usuarios creen servicios en el frontend.
- Puedes leer más tutoriales sobre Amelia haciendo clic aquí.
Lo haremos usando Amelia, un plugin que te permite gestionar citas, servicios y eventos en WordPress; y WP Frontend Admin, el cual te permite mostrar cualquier página wp-admin en el frontend para crear aplicaciones web y escritorios frontend.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
Después de instalar y activar ambos plugins, debes seguir estos pasos para mostrar la página de servicios de Amelia en el frontend:
1- Abre la página de servicios de Amelia y muéstrala en el frontend
Primero, debes abrir la página de servicios de Amelia en wp-admin yendo a Amelia > Servicios.
Ahora debes hacer clic en Ver en el frontend para mostrar la página de servicios de Amelia en el frontend.
Nota
Si estás utilizando Elementor o cualquier otro constructor de páginas, puedes usar el siguiente shortcode para mostrar los servicios de Amelia en el frontend:
[vg_display_admin_page page_url="admin.php?page=wpamelia-services#/services"]
Ahora simplemente haz clic en Vista previa para mostrar los servicios en el frontend.
2- Configura la página de eventos de Amelia frontend
Una vez que muestres los servicios de Amelia en el frontend, verás que WP Frontend Admin muestra un panel de Configuración rápida en el lado izquierdo de la pantalla.
Puedes comenzar a configurar la nueva página en el frontend seleccionando la siguiente información:
- Título de página
- URL slug
- Plantilla de página
- Añadir a menú
Puedes continuar configurando tu página de servicios en el frontend ocultando cualquier elemento innecesario en ella. Por ejemplo, eliminaremos el logotipo de Amelia, el enlace de ayuda y el botón flotante de añadir nuevo servicio.
Solo necesitas hacer clic en Ocultar elemento, hacer clic en el elemento que deseas ocultar de tu página frontend, y repetir este breve proceso con todos los elementos que deseas ocultar.
Además de ocultar cualquier elemento innecesario de tu página de servicios frontend, puedes editar cualquier texto en ella. Esto es útil para cambiar el nombre de botones, campos y metaboxes.
- Haz clic en Editar textos
- Ediz todos los textos que quieras cambiar
- Haz clic en Edición terminada
Una vez que hayas ocultado todos los elementos innecesarios y cambiado algunos textos, puedes marcar las siguientes casillas de verificación si lo deseas:
- ¿Ocultar notificaciones añadidas por otros plugins o temas?
- Los usuarios deberían ver solo los posts creados por ellos
Ahora solo haz clic en Guardar para aplicar los cambios.
Si haces clic en el botón Nuevo servicio, verás el formulario Nuevo servicio. Puedes eliminar cualquier elemento innecesario y cambiar los textos en él.
Por ejemplo, las pestañas Galería, Extras y Configuración del formulario Nuevo servicio son solo para usuarios de la versión Pro de Amelia. Por lo tanto, podemos eliminar estas pestañas utilizando el botón Ocultar elemento.
No olvides Guardar los cambios y publicar la página una vez que hayas terminado.
Una vez que publiques la página, los usuarios que tengan los permisos necesarios podrán ver la página Servicios de Amelia en el frontend. Podrán añadir categorías, servicios, paquetes, etc.
Así es como se verá el formulario Nuevo servicio en el frontend.
Ten en cuenta que solo los usuarios con estos roles podrán usar la página de servicios en el frontend:
- administrador
- wpamelia-manager
WP Frontend Admin te permite mostrar la página de servicios de Amelia en el frontend con solo algunos clics.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
