{"id":511388,"date":"2017-04-10T06:43:26","date_gmt":"2017-04-10T06:43:26","guid":{"rendered":"https:\/\/toolset.com\/2017\/04\/agregar-productos-a-woocommerce-desde-el-front-end-por-que-cuando-y-como\/"},"modified":"2017-04-10T06:43:26","modified_gmt":"2017-04-10T06:43:26","slug":"agregar-productos-a-woocommerce-desde-el-front-end-por-que-cuando-y-como","status":"publish","type":"post","link":"https:\/\/toolset.com\/es\/2017\/04\/agregar-productos-a-woocommerce-desde-el-front-end-por-que-cuando-y-como\/","title":{"rendered":"Agregar productos a WooCommerce desde el front-end: por qu\u00e9, cu\u00e1ndo y c\u00f3mo"},"content":{"rendered":"<p>La creaci\u00f3n de formularios CRED para <strong>WooCommerce Products<\/strong> siempre fue posible; sin embargo, hab\u00eda algo que no era tan obvio, m\u00e1s concretamente, <strong>incluir campos de WooCommerce adicionales en su formulario de front-end<\/strong>. Estos campos incluyen productos regulares y precios de venta, n\u00fameros SKU, campos para productos descarga hables, etc.<\/p>\n<p> Ahora tenemos nueva <a href=\"\/?post_type=course-lesson&#038;p=472600\">documentaci\u00f3n<\/a> y <a href=\"\/?page_id=475267\">tutoriales<\/a> que abordan esto en detalle.<\/p>\n<p> Tambi\u00e9n explicamos por qu\u00e9 y cu\u00e1ndo vale la pena usar formularios para front-end en vez de permitir que sus usuarios accedan a la administraci\u00f3n de WordPress.<\/p>\n<h2>\u00bfPor qu\u00e9 habr\u00eda de tener que agregar productos desde el front-end?<\/h2>\n<p> Existen varias razones. Aqu\u00ed mencionamos algunas.<\/p>\n<ul>\n<li>\n<p><strong>La administraci\u00f3n de WordPress es demasiado compleja para los vendedores de productos<\/strong><\/p>\n<p> Para usted, usuario conocedor y desarrollador de WordPress, la interfaz de administraci\u00f3n de WordPress le resulta familiar y f\u00e1cil.  Sin embargo, puede que este no sea el caso para los usuarios nuevos, y en especial, tampoco para aquellos cuyo <strong>objetivo \u00fanico es agregar productos<\/strong>. Puede que no necesiten todas las funciones sofisticadas que presenta WordPress. Todo lo que necesitan es un formulario simple para agregar y editar productos.<\/li>\n<li>\n<p><strong>Restringir las capacidades del encargado de la tienda<\/strong><\/p>\n<p><ta_ignore><figure id=\"attachment_481789\" aria-describedby=\"caption-attachment-481789\" style=\"width: 300px\" class=\"wp-caption alignleft\"><img decoding=\"async\" class=\"size-medium wp-image-481789\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/WooCommerce-what-Shop-Managers-see-300x284.png\" alt=\"Por defecto, los encargados de tienda tienen acceso a muchas funcionalidades en el backend, demasiadas para el gusto de los propietarios del sitio.\" width=\"300\" height=\"284\" srcset=\"https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/WooCommerce-what-Shop-Managers-see-300x284.png 300w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/WooCommerce-what-Shop-Managers-see-150x142.png 150w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/WooCommerce-what-Shop-Managers-see.png 394w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-481789\" class=\"wp-caption-text\"><br \/>\n<\/a> Por defecto, los encargados de tienda tienen acceso a muchas funcionalidades en el backend, demasiadas para el gusto de los propietarios del sitio.<ta_ignore><\/figcaption><\/figure><\/ta_ignore><\/p>\n<p> Cuando necesite que los usuarios agreguen o editen productos de su sitio web WordPress, crear\u00e1 perfiles de WordPress para ellos usando el rol de <strong>Shop Manager<\/strong> de WooCommerce. El problema es que, adem\u00e1s de crear y editar productos, el Shop Manager <strong>tendr\u00e1 acceso a toda la configuraci\u00f3n<\/strong> contenida en WooCommerce y obtendr\u00e1 acceso a todos los informes de WooCommerce.<\/p>\n<p> A menudo, los propietarios de sitios web quieren ser los \u00fanicos habilitados para <strong>agregar o editar productos<\/strong>.<\/p>\n<p> El uso de un formulario de front-end resuelve este problema.<\/li>\n<li class=\"clear\">\n<p><strong>Exponer s\u00f3lo los campos que sus usuarios necesitan completar<\/strong><\/p>\n<p>Independientemente de los campos de productos de WooCommerce espec\u00edficos que necesite realmente para <strong>su<\/strong> tienda en l\u00ednea, su usuario de backend siempre ver\u00e1 la misma interfaz, es decir, todos los campos, al agregar productos.  Si utiliza formularios de front-end, puede mostrar \u00fanicamente los campos de entrada que ellos realmente necesiten.<\/p>\n<p>Compare las siguientes capturas de pantalla.<\/p>\n<p><ta_ignore><figure id=\"attachment_481791\" aria-describedby=\"caption-attachment-481791\" style=\"width: 300px\" class=\"wp-caption alignleft\"><img decoding=\"async\" class=\"size-medium wp-image-481791\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-product-abackend-300x200.png\" alt=\"Adici\u00f3n de un producto nuevo desde la administraci\u00f3n: el usuario ver\u00e1 todos los campos y opciones incluso si no necesitara algo de eso\" width=\"300\" height=\"200\" srcset=\"https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-product-abackend-300x200.png 300w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-product-abackend-150x100.png 150w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-product-abackend-768x513.png 768w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-product-abackend-1024x684.png 1024w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-product-abackend-779x520.png 779w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-product-abackend.png 1246w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-481791\" class=\"wp-caption-text\"><br \/>\n<\/a> <strong>Adici\u00f3n de un producto nuevo desde la administraci\u00f3n:<\/strong><br \/>el usuario ve todos los campos y opciones incluso si no necesita algo de eso<ta_ignore><\/figcaption><\/figure><\/ta_ignore><\/p>\n<p><ta_ignore><figure id=\"attachment_481792\" aria-describedby=\"caption-attachment-481792\" style=\"width: 284px\" class=\"wp-caption alignleft\"><img decoding=\"async\" class=\"size-medium wp-image-481792\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-products-front-end-284x300.png\" alt=\"Adici\u00f3n de un producto nuevo desde el front-end usando un formulario CRED: el usuario ve s\u00f3lo los campos que necesita\" width=\"284\" height=\"300\" srcset=\"https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-products-front-end-284x300.png 284w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-products-front-end-142x150.png 142w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-products-front-end-768x811.png 768w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-products-front-end-493x520.png 493w, https:\/\/toolset.com\/wp-content\/uploads\/2017\/01\/adding-new-products-front-end.png 920w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><figcaption id=\"caption-attachment-481792\" class=\"wp-caption-text\"><br \/>\n<\/a> <strong>Adici\u00f3n de un producto nuevo desde el front-end usando un formulario CRED:<\/strong> el usuario ve s\u00f3lo los campos que necesita<ta_ignore><\/figcaption><\/figure><\/ta_ignore><\/p>\n<\/li>\n<li class=\"clear\">\n<p><strong>Mostrar campos de productos de manera condicional<\/strong><\/p>\n<p> Suponga que desea introducir un conjunto distinto de campos personalizados, acorde al producto que venda. Por ejemplo, querr\u00e1 mostrar el tama\u00f1o del marco, s\u00f3lo si una obra est\u00e1 enmarcada. Con los formularios de front-end personalizados, usted puede ocultar f\u00e1cilmente los campos opcionales y hacerlos aparecer s\u00f3lo si un usuario define un cierto valor en otro campo de entrada.<\/p>\n<\/li>\n<li>\n<p><strong>Limitar el copiado y pegado desde mensajes de correo electr\u00f3nico<\/strong><\/p>\n<div class=\"well well-default \">Los formularios de front-end no est\u00e1n reservados para sitios web comerciales.<br \/>\n <\/div>\n<p> Incluso si su cliente <strong>administra una tienda en l\u00ednea peque\u00f1a<\/strong>, posiblemente le resulte beneficioso administrar los productos desde el front-end. \u00c9stos due\u00f1os de tienda tendr\u00edan su propio proveedor de productos, que podr\u00edan ser peque\u00f1os fabricantes.<\/p>\n<p> En vez de copiar y pegar informaci\u00f3n de productos recibida en un mensaje de correo electr\u00f3nico, <strong>pueden pedirles a los fabricantes que completen la descripci\u00f3n del producto en l\u00ednea<\/strong>, directamente en el sitio web.<\/p>\n<p> La din\u00e1mica es simple:<\/p>\n<ol>\n<li><strong>El fabricante de productos<\/strong> introduce la descripci\u00f3n del producto por medio de un formulario de front-end.<\/li>\n<li>El producto queda agregado en <strong>estado de revisi\u00f3n pendiente<\/strong>.<\/li>\n<li>El due\u00f1o del sitio web recibe una <strong>notificaci\u00f3n por correo electr\u00f3nico<\/strong> con un enlace a este producto.<\/li>\n<li>El due\u00f1o del sitio web pulsa el enlace y <strong>revisa<\/strong> el producto, agrega la informaci\u00f3n que falte, y lo publica.<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<h3>Otras razones para usar formularios CRED para agregar productos<\/h3>\n<p> Existen m\u00e1s ventajas a la hora de agregar nuevos productos de WooCommerce con formularios <a href=\"https:\/\/toolset.com\/es\/nueva-pagina-de-inicio\/cred-editor-de-contenido-wordpress-para-el-front-end\/\">CRED de Toolset<\/a><\/p>\n<ul>\n<li>Publique sus productos usando la funci\u00f3n AJAX de CRED; agregar productos nuevos ser\u00e1 m\u00e1s r\u00e1pido.<\/li>\n<li><strong>Redireccione<\/strong> al usuario a <strong>cualquier p\u00e1gina<\/strong> despu\u00e9s de agregar un producto.<\/li>\n<li>Cree una vista que muestre s\u00f3lo los productos enviados por un usuario registrado de modo que cada usuario administrar\u00e1 s\u00f3lo los productos que este agregue.<\/li>\n<li>Use valores predeterminados en los campos del formulario.<\/li>\n<li>Personalice totalmente sus formularios (use HTML personalizado, estilo CSS) para adaptarlo al dise\u00f1o de su sitio web.<\/li>\n<li>Permita tambi\u00e9n que los usuarios no registrados agreguen productos.<\/li>\n<li>Por medio del plugin Access de Toolset, cree roles personalizados con privilegios personalizados para los editores de productos.<\/li>\n<\/ul>\n<h2>Instrucciones para crear formularios de front-end con Toolset<\/h2>\n<p> <strong>Requisitos<\/strong><\/p>\n<ul>\n<li>Toolset CRED, para crear formularios de front-end para productos de WooCommerce<\/li>\n<li>Toolset Access (opcional), para controlar el acceso a estos formularios<\/li>\n<li>Toolset Types (opcional), para crear campos de productos personalizados y taxonom\u00edas<\/li>\n<li>Toolset Views (opcional), para mostrar listas de productos a un usuario registrado, para crear formularios de inicio de sesi\u00f3n personalizados<\/li>\n<\/ul>\n<p> Visite la p\u00e1gina de documentaci\u00f3n para ver lo siguiente.<\/p>\n<ul>\n<li>\u00bfQu\u00e9 clases de productos se pueden agregar con CRED?<\/li>\n<li>\u00bfQu\u00e9 campos de producto se pueden usar en los formularios CRED?<\/li>\n<li>\u00bfC\u00f3mo se registran campos de WooCommerce adicionales para que est\u00e9n disponibles en los formularios CRED?<\/li>\n<\/ul>\n<p> <a class=\"button btn-blue\" href=\"\/?post_type=course-lesson&#038;p=472600\">Creaci\u00f3n de productos de WooCommerce usando formularios CRED: documentaci\u00f3n<\/a><\/p>\n<p> Visite el <a href=\"\/?page_id=475267\">tutorial<\/a> para ver un ejemplo <strong>paso a paso<\/strong>.<\/p>\n<h2>\u00bfPor qu\u00e9 usa formularios de front-end para administrar productos?<\/h2>\n<p> <strong>\u00bfPor qu\u00e9 motivos usa usted<\/strong> formularios de front-end para agregar y editar productos de WooCommerce? \u00bfHa tenido alg\u00fan caso interesante que solucionar? Por favor, comparta sus comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La creaci\u00f3n de formularios CRED para WooCommerce Products siempre fue posible; sin embargo, hab\u00eda algo que no era tan obvio, m\u00e1s concretamente, incluir campos de WooCommerce adicionales en su formulario de front-end. Estos campos incluyen productos regulares y precios de venta, n\u00fameros SKU, campos para productos descarga hables, etc. Ahora tenemos nueva documentaci\u00f3n y tutoriales [&hellip;]<\/p>\n","protected":false},"author":17621,"featured_media":1110470,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"categories":[502],"tags":[],"class_list":["post-511388","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-anuncios"],"_links":{"self":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/posts\/511388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/users\/17621"}],"replies":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/comments?post=511388"}],"version-history":[{"count":0,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/posts\/511388\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media\/1110470"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media?parent=511388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/categories?post=511388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/tags?post=511388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}