Te enseñaremos a cómo mostrar la lista de productos de WooCommerce en el frontend para integrarla en el menú del dashboard frontend. Además, mostraremos cómo simplificar el formulario de creación de productos eliminando todos los elementos innecesarios y dejando solo los elementos imprescindibles para crear y gestionar los productos.
Para ello debes utilizar el plugin WP Frontend Admin y seguir estos sencillos pasos:
1- Crea una nueva página en el sitio del DASHBOARD del frontend
Para crear una nueva página en el sitio del dashboard frontend, primero debes abrir el escritorio de mandos de ese sitio.
Ir a Administrador de la red > Sitios y haz clic en Escritorio en el sitio del dashboard frontend.
Una vez que abras el escritorio del sitio del dashboard frontal, ve a Páginas y haz clic en Añadir nueva para crear una nueva página.
Después de eso, introduce el título de la página y usa el siguiente shortcode en el contenido de la página:
[vg_display_admin_page page_url="edit.php?post_type=product"]
Haz clic en Vista previa para configurar la página en el frontend.
2- Configura la página de productos en el frontend
Una vez que se ve la página en el frontend, hay que configurarla para que tenga un aspecto simplificado, limpio e intuitivo para los usuarios.
El panel de Ajustes Rápidos te muestra los ajustes de WP Frontend Admin para configurar la página. Puedes empezar a configurarla seleccionando los siguientes valores:
- Título de página: Introduce el título de la página en este campo.
- URL Slug: Introduce la etiqueta de la página en esta página.
- Plantilla: Por defecto
- Añadir a menú: Selecciona el menú principal.
Después de seleccionar el título, el slug, la plantilla y el menú, puedes ocultar cualquier elemento innecesario. Esto es realmente útil para simplificar las páginas frontales que estás creando y dar a tus usuarios una experiencia simplificada e intuitiva.
- Haz clic en Ocultar elemento.
- Haz clic en el elemento que desea ocultar.
- Repite esto con cada elemento.
También puedes editar los textos de la página de administración de wp-admin. Esto te permite hacer los textos más cortos o más claros.
- Haz clic en Editar textos.
- Cambia todos los textos que quieras.
- Haz clic en Edición terminada.
En la lista de productos, puedes desactivar algunas columnas para simplificar la tabla de productos.
Solo tienes que marcar las columnas que quieres ocultar en Columnas desactivadas.
En Planes de WP Ultimo requeridos, verás los planes que has creado para tu plataforma. Puedes marcar los planes para los que la página estará disponible si consideras que es necesario restringir el acceso a esta página.
Por último, puedes hacer clic en Guardar para aplicar todos los cambios y publicar la página.
3- Configura el formulario de creación de productos
Después de guardar los cambios en la lista de productos, configura el formulario Añadir nuevo.
Puedes eliminar todos los elementos innecesarios, como los campos creados por otros temas u otros plugins, los campos que no son esenciales para la creación de los productos. Haz clic en Añadir nuevo.
Una vez que abras el formulario de Añadir nuevo producto, puedes ocultar cualquier elemento innecesario haciendo clic en Ocultar elemento en el elemento que quieras ocultar. Estos son algunos de los elementos que puede querer ocultar:
Una vez que hayas terminado de ocultar los elementos innecesarios y de editar los textos del formulario Añadir nuevo producto, puedes hacer clic en Guardar para aplicar los cambios.
Listo!
Después de configurar la lista de productos y el formulario de creación de productos, la página se publicará y se añadirá al menú del dashboard.
Así es como se verá la página de Productos en el frontend cuando los usuarios accedan a esa página desde sus sitios:
