Agregar productos a WooCommerce desde el front-end: por qué, cuándo y cómo

April 10, 2017

La creación de formularios CRED para WooCommerce Products siempre fue posible; sin embargo, había algo que no era tan obvio, más concretamente, incluir campos de WooCommerce adicionales en su formulario de front-end. Estos campos incluyen productos regulares y precios de venta, números SKU, campos para productos descarga hables, etc.

Ahora tenemos nueva documentación y tutoriales que abordan esto en detalle.

También explicamos por qué y cuándo vale la pena usar formularios para front-end en vez de permitir que sus usuarios accedan a la administración de WordPress.

¿Por qué habría de tener que agregar productos desde el front-end?

Existen varias razones. Aquí mencionamos algunas.

  • La administración de WordPress es demasiado compleja para los vendedores de productos

    Para usted, usuario conocedor y desarrollador de WordPress, la interfaz de administración de WordPress le resulta familiar y fácil. Sin embargo, puede que este no sea el caso para los usuarios nuevos, y en especial, tampoco para aquellos cuyo objetivo único es agregar productos. Puede que no necesiten todas las funciones sofisticadas que presenta WordPress. Todo lo que necesitan es un formulario simple para agregar y editar productos.

  • Restringir las capacidades del encargado de la tienda

    Por defecto, los encargados de tienda tienen acceso a muchas funcionalidades en el backend, demasiadas para el gusto de los propietarios del sitio.

    Por defecto, los encargados de tienda tienen acceso a muchas funcionalidades en el backend, demasiadas para el gusto de los propietarios del sitio.

    Cuando necesite que los usuarios agreguen o editen productos de su sitio web WordPress, creará perfiles de WordPress para ellos usando el rol de Shop Manager de WooCommerce. El problema es que, además de crear y editar productos, el Shop Manager tendrá acceso a toda la configuración contenida en WooCommerce y obtendrá acceso a todos los informes de WooCommerce.

    A menudo, los propietarios de sitios web quieren ser los únicos habilitados para agregar o editar productos.

    El uso de un formulario de front-end resuelve este problema.

  • Exponer sólo los campos que sus usuarios necesitan completar

    Independientemente de los campos de productos de WooCommerce específicos que necesite realmente para su tienda en línea, su usuario de backend siempre verá la misma interfaz, es decir, todos los campos, al agregar productos. Si utiliza formularios de front-end, puede mostrar únicamente los campos de entrada que ellos realmente necesiten.

    Compare las siguientes capturas de pantalla.

    Adición de un producto nuevo desde la administración: el usuario verá todos los campos y opciones incluso si no necesitara algo de eso

    Adición de un producto nuevo desde la administración:
    el usuario ve todos los campos y opciones incluso si no necesita algo de eso

    Adición de un producto nuevo desde el front-end usando un formulario CRED: el usuario ve sólo los campos que necesita

    Adición de un producto nuevo desde el front-end usando un formulario CRED: el usuario ve sólo los campos que necesita

  • Mostrar campos de productos de manera condicional

    Suponga que desea introducir un conjunto distinto de campos personalizados, acorde al producto que venda. Por ejemplo, querrá mostrar el tamaño del marco, sólo si una obra está enmarcada. Con los formularios de front-end personalizados, usted puede ocultar fácilmente los campos opcionales y hacerlos aparecer sólo si un usuario define un cierto valor en otro campo de entrada.

  • Limitar el copiado y pegado desde mensajes de correo electrónico

    Los formularios de front-end no están reservados para sitios web comerciales.

    Incluso si su cliente administra una tienda en línea pequeña, posiblemente le resulte beneficioso administrar los productos desde el front-end. Éstos dueños de tienda tendrían su propio proveedor de productos, que podrían ser pequeños fabricantes.

    En vez de copiar y pegar información de productos recibida en un mensaje de correo electrónico, pueden pedirles a los fabricantes que completen la descripción del producto en línea, directamente en el sitio web.

    La dinámica es simple:

    1. El fabricante de productos introduce la descripción del producto por medio de un formulario de front-end.
    2. El producto queda agregado en estado de revisión pendiente.
    3. El dueño del sitio web recibe una notificación por correo electrónico con un enlace a este producto.
    4. El dueño del sitio web pulsa el enlace y revisa el producto, agrega la información que falte, y lo publica.

Otras razones para usar formularios CRED para agregar productos

Existen más ventajas a la hora de agregar nuevos productos de WooCommerce con formularios CRED de Toolset

  • Publique sus productos usando la función AJAX de CRED; agregar productos nuevos será más rápido.
  • Redireccione al usuario a cualquier página después de agregar un producto.
  • Cree una vista que muestre sólo los productos enviados por un usuario registrado de modo que cada usuario administrará sólo los productos que este agregue.
  • Use valores predeterminados en los campos del formulario.
  • Personalice totalmente sus formularios (use HTML personalizado, estilo CSS) para adaptarlo al diseño de su sitio web.
  • Permita también que los usuarios no registrados agreguen productos.
  • Por medio del plugin Access de Toolset, cree roles personalizados con privilegios personalizados para los editores de productos.

Instrucciones para crear formularios de front-end con Toolset

Requisitos

  • Toolset CRED, para crear formularios de front-end para productos de WooCommerce
  • Toolset Access (opcional), para controlar el acceso a estos formularios
  • Toolset Types (opcional), para crear campos de productos personalizados y taxonomías
  • Toolset Views (opcional), para mostrar listas de productos a un usuario registrado, para crear formularios de inicio de sesión personalizados

Visite la página de documentación para ver lo siguiente.

  • ¿Qué clases de productos se pueden agregar con CRED?
  • ¿Qué campos de producto se pueden usar en los formularios CRED?
  • ¿Cómo se registran campos de WooCommerce adicionales para que estén disponibles en los formularios CRED?

Creación de productos de WooCommerce usando formularios CRED: documentación

Visite el tutorial para ver un ejemplo paso a paso.

¿Por qué usa formularios de front-end para administrar productos?

¿Por qué motivos usa usted formularios de front-end para agregar y editar productos de WooCommerce? ¿Ha tenido algún caso interesante que solucionar? Por favor, comparta sus comentarios.