{"id":225898,"date":"2023-02-28T11:41:00","date_gmt":"2023-02-28T08:41:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225898"},"modified":"2022-11-08T00:48:02","modified_gmt":"2022-11-07T21:48:02","slug":"como-crear-un-catalogo-de-productos-en-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-crear-un-catalogo-de-productos-en-wordpress\/","title":{"rendered":"C\u00f3mo crear un cat\u00e1logo de productos en WordPress"},"content":{"rendered":"\n<h2>\u00bfNo est\u00e1 seguro de cu\u00e1l es la mejor manera de crear un cat\u00e1logo de productos en WordPress? \u00bfEst\u00e1s publicando tu cat\u00e1logo y no est\u00e1s seguro de c\u00f3mo hacerlo mejor sin codificaci\u00f3n?<\/h2>\n<p>Muchos desarrolladores principiantes se confunden cuando necesitan publicar un cat\u00e1logo de tablas de productos o una lista de precios: el marcado HTML es confuso; algunos de ellos pueden hacer el marcado, pero no est\u00e1n satisfechos con el aspecto, o les gustar\u00eda tener alguna soluci\u00f3n que se pueda ordenar, que podr\u00eda dividir los datos en p\u00e1ginas, que no ser\u00eda demasiado dif\u00edcil de actualizar. De hecho: actualizar la tabla HTML cada vez que cambia el precio del producto, o cuando agrega un nuevo producto, o cuando cambia la cantidad es frustrante.<\/p>\n<p>Este art\u00edculo lo guiar\u00e1 a trav\u00e9s del proceso de creaci\u00f3n de un cat\u00e1logo de productos en WordPress con el complemento wpDataTables, que es probablemente la forma m\u00e1s f\u00e1cil.<\/p>\n<h2>Primero: prepare los datos para su futuro cat\u00e1logo de productos en WordPress<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6ce4f1a0.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6ce4f1a0.png\" alt=\"C\u00f3mo crear un cat\u00e1logo de productos en WordPress\" ><\/a><\/p>\n<p>Por supuesto, ning\u00fan cat\u00e1logo tendr\u00eda sentido sin incluir algunos productos. Supongo que ya ha preparado los datos, ahora necesitar\u00eda compilarlos de una forma que nuestro complemento de WordPress &quot;entienda&quot;. Puede ser uno de los siguientes:<\/p>\n<ul>\n<li><strong>Archivo Excel o CSV:<\/strong> si no es un desarrollador y realiza un seguimiento de sus productos en Excel, esta forma probablemente sea la m\u00e1s f\u00e1cil para usted. Simplemente prepare un archivo de Excel con una hoja que tenga toda la informaci\u00f3n sobre sus productos organizada en la tabla. Se preferir\u00eda el archivo CSV ya que funciona un poco m\u00e1s r\u00e1pido.<\/li>\n<li><strong>Tabla MySQL (preferida):<\/strong> esta es probablemente la mejor fuente de datos para su cat\u00e1logo. Proporciona un trabajo r\u00e1pido, actualizaciones en tiempo real sin recargas, y si tiene 10 000 productos, es la mejor soluci\u00f3n. Puede convertir sus datos de CSV a MySQL.<\/li>\n<li><strong>Matriz de PHP:<\/strong> si recopila datos de varias fuentes de datos, o si dependen de algunas entradas externas, y si tiene algunas habilidades de desarrollo de PHP, es posible que prefiera preparar los datos en una matriz de PHP y luego preparar un archivo PHP que imprima en una cadena serializada (con funci\u00f3n de <a href=\"http:\/\/www.php.net\/manual\/en\/function.serialize.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">serializaci\u00f3n<\/a>) como <a href=\"https:\/\/wpdatatables.com\/input_source\/cars_serialized.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">esta<\/a>.<\/li>\n<li><strong>Fuente de datos JSON o XML<\/strong>: si tiene un servicio web XML o JSON, puede preparar los datos en estos formatos. Puedes leer sobre c\u00f3mo usarlos <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-xml\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aqu\u00ed<\/a> y <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-json-input\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aqu\u00ed<\/a><\/li>\n<\/ul>\n<p>Una vez que los datos est\u00e9n listos, podemos pasar al siguiente paso.<\/p>\n<h2>Instale el complemento de WordPress wpDataTables, que representar\u00e1 su cat\u00e1logo de productos<\/h2>\n<p>Antes de continuar, debemos asegurarnos de que el complemento wpDataTables est\u00e9 instalado. Puedes obtenerlo <a href=\"http:\/\/codecanyon.net\/item\/wpdatatables-responsive-tables-in-wordpress\/3958969?ref=cjbug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aqu\u00ed<\/a>.<\/p>\n<p>La instalaci\u00f3n es bastante simple:<\/p>\n<ul>\n<li>Cargue el complemento en su directorio de complementos.<\/li>\n<li>Activa el complemento.<\/li>\n<\/ul>\n<p>Puedes leer m\u00e1s sobre esto <a href=\"https:\/\/wpdatatables.com\/documentation\/general\/installation\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aqu\u00ed.<\/a><\/p>\n<h2>Cree una nueva wpDataTable para su cat\u00e1logo de WordPress<\/h2>\n<p>Abra su panel de administraci\u00f3n de WordPress y busque el panel de administraci\u00f3n de wpDataTables. Luego presione el bot\u00f3n &quot;Agregar nuevo&quot; para crear un nuevo wpDatatable.<\/p>\n<p>Agregue un t\u00edtulo de tabla. Puede llamarlo &quot;Cat\u00e1logo de productos en el ejemplo de WordPress&quot; o algo as\u00ed.<\/p>\n<p>A continuaci\u00f3n, seleccione un tipo de tabla. Depende de lo que elija en el paso 1: archivo de Excel, archivo CSV, consulta de MySQL, matriz de PHP serializada, fuente de entrada JSON o XML.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6cf34c21.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6cf34c21.jpg\" alt=\"C\u00f3mo crear un cat\u00e1logo de productos en WordPress\" ><\/a><\/p>\n<p>Si decidi\u00f3 crear el cat\u00e1logo basado en datos de MySQL, proporcione una consulta SELECT correcta. Puede ser algo como:<\/p>\n<pre><code>SELECT * FROM my_product_catalog<\/code><\/pre>\n<p>Luego puede configurar una de las siguientes casillas de verificaci\u00f3n y par\u00e1metros, si los desea para su cat\u00e1logo:<\/p>\n<ul>\n<li><strong>Procesamiento del lado del servidor<\/strong>: si marca esta casilla de verificaci\u00f3n, todo el filtrado, la clasificaci\u00f3n y otros procesos se enviar\u00e1n en una solicitud AJAX desde el navegador del cliente y ser\u00e1n procesados \u200b\u200bpor el servidor. Use esto si tiene un gran conjunto de datos MySQL<\/li>\n<li><strong>Sensible<\/strong>: si su sitio responde, marque esta casilla de verificaci\u00f3n, su cat\u00e1logo de WordPress tambi\u00e9n se volver\u00e1 receptivo.<\/li>\n<li><strong>Filtrado avanzado<\/strong>: habilitar esta casilla de verificaci\u00f3n agregar\u00e1 un filtro debajo de cada columna en su nuevo cat\u00e1logo de WordPress. Por lo tanto, permitir\u00e1 a sus usuarios, por ejemplo, filtrar por precio, por fecha de lanzamiento o lo que sea.<\/li>\n<li><strong>Herramientas de tabla<\/strong>: habilitar las herramientas de tabla agregar\u00e1 la posibilidad de exportar datos en CSV, PDF o Excel, o copiar datos de cat\u00e1logo al portapapeles.<\/li>\n<li><strong>Habilitar clasificaci\u00f3n<\/strong>: esta casilla de verificaci\u00f3n habilitar\u00e1 la clasificaci\u00f3n en su cat\u00e1logo. Entonces, por ejemplo, su usuario podr\u00e1 ordenar todos sus productos por orden alfab\u00e9tico, por precio o lo que prefiera.<\/li>\n<li><strong>Limitar el dise\u00f1o de la tabla<\/strong>: esta casilla de verificaci\u00f3n limitar\u00eda el ancho del cat\u00e1logo al ancho del contenedor principal.<\/li>\n<li><strong>Ajuste de l\u00ednea<\/strong>: puede marcar esta casilla de verificaci\u00f3n si tiene descripciones largas de sus productos en el cat\u00e1logo o nombres de productos largos. Har\u00e1 que las celdas de la tabla se estiren.<\/li>\n<li><strong>Longitud de visualizaci\u00f3n<\/strong>: esto definir\u00e1 cu\u00e1ntos productos se mostrar\u00e1n en una p\u00e1gina de su cat\u00e1logo.<\/li>\n<\/ul>\n<p>Presiona \u00abGuardar tabla&quot; y tu cat\u00e1logo estar\u00e1 listo para publicar.<\/p>\n<p>Puede leer con m\u00e1s detalle sobre la configuraci\u00f3n de tablas\/cat\u00e1logos en la secci\u00f3n de tutoriales. por ejemplo <a href=\"https:\/\/wpdatatables.com\/wordpress-table-mysql-queries\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aqu\u00ed<\/a><\/p>\n<h2>Publica tu nuevo cat\u00e1logo de productos en tu blog de WordPress<\/h2>\n<p>Obtendr\u00e1 un c\u00f3digo abreviado generado en el complemento. P\u00e9guelo en su p\u00e1gina o publicaci\u00f3n de blog, y su nuevo cat\u00e1logo estar\u00e1 listo.<\/p>\n<p>Aqu\u00ed est\u00e1 el resultado:<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo te mostrar\u00e9 c\u00f3mo usar wpDataTables para crear un cat\u00e1logo de productos en WordPress ya que es uno de los casos de uso m\u00e1s populares.<\/p>\n","protected":false},"author":1,"featured_media":224083,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[810,1110,810,840,840,851,851,861,861],"tags":[1172],"class_list":["post-225898","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-complementos","category-n-a","category-tutoriales","category-woocommerce-2","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/225898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=225898"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/225898\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/224083"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=225898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=225898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=225898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}