{"id":370345,"date":"2022-11-20T17:44:00","date_gmt":"2022-11-20T14:44:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370345"},"modified":"2023-04-11T15:39:25","modified_gmt":"2023-04-11T12:39:25","slug":"como-crear-su-propia-pagina-de-tienda-de-elementor-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-crear-su-propia-pagina-de-tienda-de-elementor-woocommerce\/","title":{"rendered":"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce"},"content":{"rendered":"\n<p>En el mundo en l\u00ednea, puede convertirse en propietario de una tienda en muy poco tiempo. Todo lo que necesita para comenzar es una conexi\u00f3n a Internet, una computadora port\u00e1til y una idea de negocio lucrativa. Ni siquiera necesita tener un producto tangible: \u00a1puede vender ideas! Bromas aparte: <strong>puede configurar una tienda web incre\u00edble con bastante facilidad, incluso si no tiene ning\u00fan conocimiento t\u00e9cnico<\/strong>. Puede comenzar eligiendo un <a href=\"https:\/\/themewp.inform.click\/es\/40-temas-de-wordpress-de-comercio-electronico-de-moda-2022\/\" title=\"tema WooCommerce de calidad,\">tema WooCommerce de calidad,<\/a> ya que los temas espec\u00edficos de nicho generalmente incluyen muchas caracter\u00edsticas pr\u00e1cticas y \u00fatiles que su tienda necesitar\u00e1, \u00a1y luego proceda a configurar un plan de negocios!<\/p>\n<p>Hay muchos elementos excelentes que puede usar para hacer que su tienda web sea m\u00e1s exitosa, y es esencial tener una p\u00e1gina de tienda de Elementor WooCommerce a medida.<\/p>\n<p>En este art\u00edculo, le mostraremos c\u00f3mo crear su propia y hermosa p\u00e1gina de tienda de Elementor WooCommerce sin esfuerzo. Est\u00e9n atentos para leer m\u00e1s sobre:<\/p>\n<h2>P\u00e1ginas de la tienda de WooCommerce<\/h2>\n<p>Sabemos muy bien que la <a href=\"https:\/\/themewp.inform.click\/es\/como-iniciar-una-tienda-en-linea-en-2022-guia-detallada\/\" title=\"creaci\u00f3n de una tienda web\">creaci\u00f3n de una tienda web<\/a> incluye <strong>elementos espec\u00edficos que son necesarios para que el usuario tenga toda la informaci\u00f3n relevante sobre el producto<\/strong>. Cada tienda tendr\u00e1 p\u00e1ginas que presenten un producto o grupo de productos de cierta manera, y estas p\u00e1ginas bien dise\u00f1adas lo acercar\u00e1n un paso m\u00e1s a una tienda web exitosa. Otras p\u00e1ginas que son <strong>importantes para la tienda son aquellas con informaci\u00f3n sobre la entrega, el pago, la empresa, las p\u00e1ginas del carrito<\/strong> y similares.<\/p>\n<p>Aqu\u00ed nos ocuparemos de p\u00e1ginas que <strong>muestran listas de productos disponibles en la tienda y te ayudaremos a crearlas como un profesional<\/strong>.<\/p>\n<p>La p\u00e1gina de la tienda Elementor WooCommerce es una p\u00e1gina de archivo donde se muestran todos los productos de una tienda. Puede crear f\u00e1cilmente esta p\u00e1gina con el complemento WooCommerce. Una vez que haya agregado productos a su sitio, debe abrir la p\u00e1gina sin ning\u00fan contenido y, en la configuraci\u00f3n de WooCommerce, indique que la p\u00e1gina es su p\u00e1gina de Tienda.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47567ab20.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47567ab20.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<p>\u00bfQu\u00e9 tenemos de esta manera? Hemos informado a WooCommerce que hemos dedicado esta p\u00e1gina a la p\u00e1gina de archivo de todos los productos y WooCommerce los mostrar\u00e1 en consecuencia. En cuanto al estilo del producto en esa p\u00e1gina, depende en gran medida del tema que elija. <strong>Si el tema es adecuado para tiendas, puede esperar que se vea bien de inmediato y tal vez tenga algunos filtros<\/strong>. Pero, en caso de que no sea as\u00ed, hay formas de editar la p\u00e1gina de la tienda de WooCommerce con Elementor gratuito.<\/p>\n<p>Pero, \u00bfy si no todo es perfecto y si hay que arreglar algo? <strong>Esto crea un problema para aquellos que no saben c\u00f3mo editar el c\u00f3digo en s\u00ed<\/strong>. Por supuesto, tenemos una soluci\u00f3n. Si por alg\u00fan motivo cree que la p\u00e1gina predeterminada le parece inapropiada a continuaci\u00f3n, le mostraremos c\u00f3mo personalizarla.<\/p>\n<h2>Uso de widgets de Qi Addons para su p\u00e1gina de tienda de WooCommerce<\/h2>\n<p>Los widgets de Qi Shop como parte de Qi Addons para Elementor son widgets elegantes que combinan perfectamente con el estilo de su sitio web, ya <strong>que se ajustan al tema que usa de manera predeterminada<\/strong>. Pero tambi\u00e9n ofrecen <strong>muchas opciones de personalizaci\u00f3n para que puedas dise\u00f1arlos m\u00e1s seg\u00fan tus deseos<\/strong>.<\/p>\n<p>Para crear la p\u00e1gina de la tienda deseada, necesita:<\/p>\n<ul>\n<li>Para ingresar los productos deseados (por supuesto sus categor\u00edas y etiquetas si es necesario)<\/li>\n<li>Para tener instalado el generador de p\u00e1ginas Elementor gratuito<\/li>\n<li>Tener Qi Addons para Elementor instalado (le mostraremos lo que puede hacer gratis y lo que puede obtener con los widgets premium).<\/li>\n<\/ul>\n<p>Ahora, vamos a explicar esto. Por supuesto, no puedes crear una p\u00e1gina de tienda sin un producto, as\u00ed que ese es el primer paso. En cuanto a Qi Addons, lo elegimos por varias razones. La primera es que tiene un <strong>widget para crear listas de productos<\/strong>, y la segunda es que tambi\u00e9n <strong>ofrece muchos otros widgets \u00fatiles que puedes usar en tu sitio<\/strong>.<\/p>\n<p>Crearemos una nueva p\u00e1gina primero. La m\u00eda se llamar\u00e1 una p\u00e1gina de tienda personalizada solo por ejemplo, pero simplemente puede llamarla Tienda.<\/p>\n<p>Se a\u00f1ade como cualquier otro. Ingreso el nombre de la p\u00e1gina, lo guardo y voy a Editar con Elementor. Por supuesto, dependiendo del tema, antes de cambiar a Elementor desde el editor de bloques, puede <strong>realizar configuraciones b\u00e1sicas para la p\u00e1gina en s\u00ed<\/strong>. En el ejemplo, uso el <strong>tema Qi<\/strong>, que suele ser mi elecci\u00f3n porque contiene una gran cantidad de configuraciones para varias partes del sitio, lo que significa mucho para m\u00ed porque no tengo que cambiar el c\u00f3digo y tengo muchas opciones. para dise\u00f1ar varias partes del sitio.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475a01ad2.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475a01ad2.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<p>Cuando ingresa a Elementor, lo primero que debe hacer es encontrar widgets de productos escribiendo &#8216;buscar&#8217; en el campo de b\u00fasqueda. Reconocer\u00e1 los <strong>widgets de Qi por sus \u00edconos rojos inherentes<\/strong>.<\/p>\n<p>Quiz\u00e1s el m\u00e1s importante para nosotros es la <strong>Lista de productos<\/strong>, que nos permite <strong>mostrar una lista de productos, todos o productos seleccionados seg\u00fan criterios determinados<\/strong>. Este es un widget gratuito.<\/p>\n<p>Y no nos olvidemos de los dem\u00e1s. Product Category List sirve para mostrar las categor\u00edas de nuestra tienda, adem\u00e1s es gratis. El widget Product Slider ofrece una forma interesante de mostrar productos usando controles deslizantes, tambi\u00e9n es gratis. La Comparaci\u00f3n de productos nos ayuda a mostrar productos seleccionados y comparar sus caracter\u00edsticas: este es un widget premium. En caso de que use el tema Qi, tambi\u00e9n tendr\u00e1 Product List Essentials, que ofrece una forma de mostrar listas de productos de ciertas demostraciones de temas, por lo que no nos centraremos en eso.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475d325ac.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475d325ac.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<p>Como dije, <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-list\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">la lista de productos<\/a> es el widget m\u00e1s importante para m\u00ed y lo estoy agregando a la p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e4760684fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e4760684fd.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<p>Como ya sabes, cuando agregas widgets en la p\u00e1gina, <strong>encontrar\u00e1s su configuraci\u00f3n a la izquierda y, a la derecha, puedes ver en vivo c\u00f3mo se ver\u00e1 el widget en tu p\u00e1gina<\/strong>.<\/p>\n<p>Las pesta\u00f1as General y Estilo est\u00e1n vinculadas al propio widget, mientras que la pesta\u00f1a Avanzado est\u00e1 en la configuraci\u00f3n de la pesta\u00f1a de Elementor y ya le resultar\u00e1 familiar si alguna vez ha agregado un widget a una p\u00e1gina. En cualquier caso, Elementor es tan f\u00e1cil de usar que no necesitar\u00e1s explicaciones especiales, especialmente para este widget donde todo es intuitivo y f\u00e1cil de navegar.<\/p>\n<p>\u00bfPor qu\u00e9 nos gusta el widget Qi Addons? Debido a que podemos <strong>determinar por nosotros mismos cu\u00e1ntas columnas queremos que tenga la lista<\/strong>, podemos <strong>administrar nosotros mismos el espacio entre los elementos<\/strong>. Podemos <strong>determinar el tama\u00f1o de las im\u00e1genes<\/strong>, podemos <strong>elegir cu\u00e1ntos productos habr\u00e1 en nuestra p\u00e1gina<\/strong>, si <strong>usaremos paginaci\u00f3n<\/strong> y de qu\u00e9 tipo, si tenemos m\u00e1s de una p\u00e1gina de producto. Qi entra en detalles incluso con <strong>opciones de fuente y configuraciones de desplazamiento<\/strong>. Hay varios dise\u00f1os para las listas. Tambi\u00e9n podemos <strong>mostrar solo productos de una determinada categor\u00eda, etiqueta, autor y diferentes criterios de visualizaci\u00f3n disponibles.<\/strong>. Con Qi, agregar widgets a menudo se convierte en un proceso creativo y alegre y estamos seguros de que tendr\u00e1 curiosidad por explorar la abundancia de opciones que ofrece por su cuenta.<\/p>\n<p>A primera vista de la pesta\u00f1a Estilo, se sorprender\u00e1 de lo detalladas que son las configuraciones. Ver\u00e1s que la <strong>estilizaci\u00f3n se divide en categor\u00edas, lo que facilita la navegaci\u00f3n<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476362a2f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476362a2f.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<p>Otros widgets se utilizan pr\u00e1cticamente de la misma manera. <strong>Si\u00e9ntase libre de jugar y experimentar, ya que todos los cambios que realice ser\u00e1n visibles en tiempo real y podr\u00e1 deshacer f\u00e1cilmente cualquier movimiento<\/strong>.<\/p>\n<p>Siempre puede buscar inspiraci\u00f3n en la p\u00e1gina de inicio del widget con el autor si se pregunta c\u00f3mo dise\u00f1ar su lista, pero de nuevo, juegue.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476663bbc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476663bbc.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<p>Una gran adici\u00f3n a la p\u00e1gina de su tienda tambi\u00e9n puede ser el <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-slider\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">widget Slider<\/a>. Puede hacer que la <strong>p\u00e1gina se vea m\u00e1s din\u00e1mica e interactiva<\/strong>, un elemento que est\u00e1 en movimiento siempre llama la atenci\u00f3n del usuario, sobre todo cuando este puede interactuar con \u00e9l.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47699241d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47699241d.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<p><strong>La combinaci\u00f3n del widget de lista de productos y el widget de control deslizante de productos puede ser muy interesante<\/strong>.<\/p>\n<p>Adem\u00e1s, otro widget que me gusta usar en la p\u00e1gina de la tienda y en otras es la <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-category-list\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lista de categor\u00edas de productos<\/a>. Sirve para <strong>mostrar determinadas categor\u00edas de forma interesante y ayudar a los usuarios a llegar a un grupo de productos que les interesan<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476c76f20.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476c76f20.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<p><a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-comparison\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">El widget de comparaci\u00f3n de productos<\/a> tambi\u00e9n es muy interesante y \u00fatil, especialmente porque a los compradores de hoy en d\u00eda les gusta tomar decisiones informadas sobre las compras y les encanta comparar productos para asegurarse de que est\u00e1n tomando la mejor decisi\u00f3n. <a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-la-comparacion-de-productos-de-woocommerce\/\" title=\"Agregar la comparaci\u00f3n de productos de WooCommerce\">Agregar la comparaci\u00f3n de productos de WooCommerce<\/a> tambi\u00e9n es muy f\u00e1cil y se puede hacer sin ning\u00fan conocimiento t\u00e9cnico o de codificaci\u00f3n especial.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476f33923.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476f33923.jpg\" alt=\"C\u00f3mo crear su propia p\u00e1gina de tienda de Elementor WooCommerce\"><\/a><\/p>\n<h2>En conclusi\u00f3n<\/h2>\n<p>Como puede ver, crear la p\u00e1gina de la tienda Elementor WooCommerce no es una ciencia espacial y puede hacerlo todo usted mismo. Tambi\u00e9n puede aprender f\u00e1cilmente c\u00f3mo editar la p\u00e1gina de la tienda de WooCommerce y ajustarla para que se ajuste perfectamente a sus necesidades. Si tiene alguna pregunta relacionada con el tema de este art\u00edculo, no dude en comunicarse con nosotros en la secci\u00f3n de comentarios. \u00a1Esperamos escuchar sus experiencias con Qi Addons para Elementor!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Aprenda a crear una hermosa p\u00e1gina de tienda de Elementor WooCommerce usted mismo como un profesional, sin conocimientos t\u00e9cnicos previos y aumente sus ventas!<\/p>\n","protected":false},"author":1,"featured_media":363491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-370345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/370345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=370345"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/370345\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/363491"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=370345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=370345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=370345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}