{"id":18018,"date":"2019-11-18T08:22:08","date_gmt":"2019-11-18T08:22:08","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=18018"},"modified":"2023-04-03T14:36:18","modified_gmt":"2023-04-03T14:36:18","slug":"guia-definitiva-elementor-en-woocommerce","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/","title":{"rendered":"Gu\u00eda definitiva: WooCommerce con Elementor"},"content":{"rendered":"<p>En buscar diferentes tutoriales de c\u00f3mo usar <a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/es\/temas-woocommerce-elementor\/\" target=\"_blank\">WooCommerce con Elementor<\/a> se tarda mucho tiempo. Ser\u00eda mucho mejor tenerlos reunidos en un solo lugar para poder crear una tienda web completa, siguiendo las instrucciones de una sola fuente. Como tambi\u00e9n somos usuarios web con los intereses y requisitos similares a los tuyos, entendemos claramente la necesidad de dicha fuente. Por lo tanto, hemos decidido reunir varios tutoriales \u00fatiles en un solo art\u00edculo y ahorrarte mucho tiempo y esfuerzo que se gasta en buscar esta informaci\u00f3n en Internet.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18046\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/utmost-elementor-woocommerce-gui.png\" alt=\"tienda con woocommerce tutorial\" width=\"1000\" height=\"562\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/utmost-elementor-woocommerce-gui.png 1000w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/utmost-elementor-woocommerce-gui-300x169.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/utmost-elementor-woocommerce-gui-768x432.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/utmost-elementor-woocommerce-gui-640x360.png 640w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Este tutorial todo-en-uno tambi\u00e9n ser\u00eda \u00fatil para aquellos que quieren <a rel=\"dofollow noopener\" href=\"https:\/\/siemprendes.com\/como-crear-una-pagina-web-con-wordpress\/\" target=\"_blank\">crear una p\u00e1gina web con WordPress<\/a>. Aunque se conoce como una plataforma de blog, WordPress tambi\u00e9n es compatible con uno de los complementos de comercio electr\u00f3nico m\u00e1s populares, y por lo tanto, se puede utilizar para construir una tienda online.&nbsp;Adem\u00e1s, WordPress integra Elementor Page Builder que puede ayudarte a hacer un sitio de comercio electr\u00f3nico de forma r\u00e1pida y sencilla. As\u00ed que, en esta entrada, te explicaremos:<\/p>\n<h2 id=\"title1\">C\u00f3mo crear una tienda de WooCommerce con Elementor<\/h2>\n<p>\u00bfHas decidido llevar tu tienda f\u00edsica a la Web? \u00a1Buena idea! Esta es una buena oportunidad para llegar a un p\u00fablico m\u00e1s amplio con tus bienes y servicios, as\u00ed como para aumentar tus conversiones e ingresos mensuales. Si planeas crear una tienda en l\u00ednea t\u00fa mismo, primero debes preocuparte por las cosas m\u00e1s esenciales:<\/p>\n<ul>\n<li>Un nombre de dominio<\/li>\n<li>Un proveedor de alojamiento web confiable<\/li>\n<li>Un tema de WordPress<\/li>\n<li>Elementor Page Builder gratuito<\/li>\n<li>Complemento WooCommerce<\/li>\n<\/ul>\n<hr>\n<h3 id=\"title2\">#1. COMPRA UN NOMBRE DE DOMINIO Y ENCUENTRA UN PROVEEDOR DE ALOJAMIENTO WEB CONFIABLE<\/h3>\n<p>En dos palabras, un nombre de dominio es el nombre o la direcci\u00f3n de tu sitio web, mientras que un alojamiento es donde se almacenan los datos de tu sitio. Tu nombre de dominio debe reflejar la idea de tu negocio, mientras que el alojamiento debe ser r\u00e1pido y proporcionado por un proveedor confiable. Muchas empresas que crearon sus tiendas en l\u00ednea con WordPress prefieren el servicio de SiteGround, porque atiende a los usuarios de WP. Y en este tutorial vamos a utilizar su panel de control.<\/p>\n<ol>\n<li>Abre <a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.siteground.com\/go\/tmblog\" target=\"_blank\">SiteGround<\/a>, selecciona WordPress Hosting y haz clic en el bot\u00f3n para empezar.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18044\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-web-hosting-platform.png\" alt=\"alojamiento web siteground\" width=\"1000\" height=\"569\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-web-hosting-platform.png 1000w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-web-hosting-platform-300x171.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-web-hosting-platform-768x437.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-web-hosting-platform-640x364.png 640w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/li>\n<li>Ser\u00e1s redirigido a la p\u00e1gina de planes de precios donde puedes optar por el plan que se adapte a tus necesidades y presupuesto, y adquirirlo.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18043\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-pricing-plans.png\" alt=\"planes de siteground\" width=\"1000\" height=\"500\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-pricing-plans.png 1000w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-pricing-plans-300x150.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-pricing-plans-768x384.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-pricing-plans-640x320.png 640w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/li>\n<li>En la p\u00e1gina siguiente, se te pedir\u00e1 que ingreses un nombre de dominio. Si lo compraste por separado, simplemente marca la opci\u00f3n \u201cI already have a Domain\u201d (Ya tengo un dominio) e inserta la URL en el espacio a continuaci\u00f3n. Haz clic en el bot\u00f3n correspondiente para seguir.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18034\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-domain.png\" alt=\"dominio\" width=\"815\" height=\"410\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-domain.png 815w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-domain-300x151.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-domain-768x386.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-domain-640x322.png 640w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/li>\n<li>El \u00faltimo paso de esta etapa es proporcionar tus datos personales y detalles de facturaci\u00f3n y luego hacer clic en \u201cPay Now\u201d (Pagar ahora).<\/li>\n<\/ol>\n<hr>\n<h3 id=\"title3\">#2. INSTALA WORDPRESS<\/h3>\n<p>Debido a que SiteGround ofrece la opci\u00f3n de instalaci\u00f3n de WordPress en un solo clic, optamos por ella y, a continuaci\u00f3n, descubriremos c\u00f3mo configurar WordPress a trav\u00e9s del panel de control de alojamiento.<\/p>\n<ol>\n<li>Una vez que hayas terminado con la compra del plan de alojamiento web adecuado, se te invitar\u00e1 a acceder a Customer Area. Despu\u00e9s de elegir esta opci\u00f3n, ser\u00e1s rediregido a la p\u00e1gina donde puedes configurar una nueva cuenta de alojamiento. All\u00ed, ve al men\u00fa \u201cSet Up Your Website\u201d (Configurar su sitio web), marca \u201cStart a new website\u201d (Iniciar un nuevo sitio web) y elige WordPress para que se instale.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18040\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/set-up-your-account.png\" alt=\"instalacion de wordpress en un solo clic\" width=\"711\" height=\"412\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/set-up-your-account.png 711w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/set-up-your-account-300x174.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/set-up-your-account-640x371.png 640w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/li>\n<li>Ingresa los detalles de inicio de sesi\u00f3n del administrador, incluso tu direcci\u00f3n de correo electr\u00f3nico, nombre de usuario y contrase\u00f1a. Haz clic para confirmar y completar la configuraci\u00f3n.<\/li>\n<li>Vuelve al panel de SiteGround y elige \u201cMy Accounts\u201d (Mis cuentas). Haz clic en la pesta\u00f1a de instalaci\u00f3n para ver el nombre de dominio registrado. Haz clic en el bot\u00f3n \u201cGo to Admin Panel\u201d (Ir al panel de administraci\u00f3n) para acceder a la p\u00e1gina de inicio de sesi\u00f3n de WordPress.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18042\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-dash-panel-choose-my.png\" alt=\"mi cuenta de panel de control\" width=\"711\" height=\"251\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-dash-panel-choose-my.png 711w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-dash-panel-choose-my-300x106.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/siteground-dash-panel-choose-my-640x226.png 640w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/li>\n<li>Ingresa tu nombre de usuario y contrase\u00f1a para iniciar sesi\u00f3n en el sitio web de WordPress.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18035\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-username-password.png\" alt=\"pagina de inicio de sesion de wp\" width=\"711\" height=\"340\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-username-password.png 711w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-username-password-300x143.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/enter-username-password-640x306.png 640w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/li>\n<\/ol>\n<hr>\n<h3 id=\"title4\">#3. INSTALA UN TEMA DE WORDPRESS<\/h3>\n<p>El repositorio de WordPress cuenta con una enorme cantidad de temas gratuitos entre los que puedes elegir uno. Si decides usar uno de ellos, debes seguir los siguientes pasos:<\/p>\n<ul>\n<li>Abre el panel de control de WordPress.<\/li>\n<li>Ve a Apariencia &gt; Temas &gt; A\u00f1adir nuevo.<\/li>\n<li>Busca el tema que elegiste, inst\u00e1lalo y act\u00edvalo.<\/li>\n<li>Despu\u00e9s de la instalaci\u00f3n, aparecer\u00e1 el mensaje \"Gracias\". A continuaci\u00f3n, opta por comenzar con el tema instalado.<\/li>\n<\/ul>\n<hr>\n<h3 id=\"title5\">#4. INSTALA ELEMENTOR Y WOOCOMMERCE<\/h3>\n<p>En cuanto al constructor de p\u00e1ginas web, te recomendamos elegir Elementor f\u00e1cil de usar que permita crear contenidos con tan solo un par de clics. Adem\u00e1s, funciona perfectamente con el complemento WooCommerce, y por lo tanto, es ideal para crear una tienda en l\u00ednea. Debido a que estos dos complementos son gratuitos, no tendr\u00e1s que pagar por usarlos. Todo lo que tienes que hacer es volver al panel de WordPress, buscar complementos y hacer clic en A\u00f1adir nuevo. Ingresa el nombre del complemento en la barra de b\u00fasqueda, encu\u00e9ntralo, inst\u00e1lalo y act\u00edvalo. Repite los mismos pasos para instalar y activar el segundo complemento.<\/p>\n<p>Una vez que hayas terminado con la instalaci\u00f3n, puedes personalizar tu sitio web de comercio electr\u00f3nico.<\/p>\n<hr>\n<h2 id=\"title6\">C\u00f3mo utilizar Elementor para configurar p\u00e1gina de pago y carrito de WooCommerce<\/h2>\n<p>Adem\u00e1s de la p\u00e1gina de tienda personalizada de WooCommerce, toda tienda en l\u00ednea tambi\u00e9n debe tener otras p\u00e1ginas importantes como la p\u00e1gina de pago y la p\u00e1gina del carrito de compras. Vamos a explicarte c\u00f3mo configurarlas.<\/p>\n<ol>\n<li>Abre el editor de Elementor y crea una nueva p\u00e1gina.<\/li>\n<li>Usa la barra de b\u00fasqueda para encontrar el widget de shortcode, col\u00f3calo donde deseas que aparezca el formulario en la p\u00e1gina e ingresa el shortcode {woocommerce_checkout} en la ventana correspondiente.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18041\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/shortcode-woocommerce-checkout.png\" alt=\"codigo corto woocommerce\" width=\"1024\" height=\"539\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/shortcode-woocommerce-checkout.png 1024w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/shortcode-woocommerce-checkout-300x158.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/shortcode-woocommerce-checkout-768x404.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/shortcode-woocommerce-checkout-640x337.png 640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<li>Personaliza la p\u00e1gina seg\u00fan tus preferencias y aseg\u00farate de establecerla como la p\u00e1gina de pago a trav\u00e9s de Personalizador &gt; WooCommerce &gt; Ajustes &gt; Avanzado.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18029\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/customize-page.png\" alt=\"nueva pagina de pago\" width=\"765\" height=\"496\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/customize-page.png 765w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/customize-page-300x195.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/customize-page-640x415.png 640w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><br \/>\nLa configuraci\u00f3n de la p\u00e1gina del carrito de compras requiere seguir los mismos pasos, la \u00fanica diferencia es que debes ingresar el c\u00f3digo corto {woocommerce_cart}.<\/li>\n<\/ol>\n<hr>\n<h2 id=\"title7\">C\u00f3mo editar una p\u00e1gina de producto en WooCommerce con Elementor<\/h2>\n<p>Recientemente, Elementor present\u00f3 WooCommerce Builder que es una gran soluci\u00f3n para crear tiendas de WordPress con Elementor. En esta gu\u00eda, vamos a explicar c\u00f3mo editar una p\u00e1gina de producto, usando Elementor. Pero, antes de proceder al tutorial real, veamos c\u00f3mo podr\u00eda verse una p\u00e1gina de producto b\u00e1sica de WooCommerce.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18049\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woocommerce-product-page-might-l.png\" alt=\"pagina de producto predeterminada\" width=\"1024\" height=\"488\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woocommerce-product-page-might-l.png 1024w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woocommerce-product-page-might-l-300x143.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woocommerce-product-page-might-l-768x366.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woocommerce-product-page-might-l-640x305.png 640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>En realidad, la p\u00e1gina b\u00e1sica no es mal, pero siempre hay espacio para mejoras y puedes&nbsp;f\u00e1cilmente obtener este tipo de dise\u00f1o:<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18037\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/kind-of-design.png\" alt=\"pagina de producto personalizada\" width=\"1024\" height=\"554\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/kind-of-design.png 1024w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/kind-of-design-300x162.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/kind-of-design-768x416.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/kind-of-design-640x346.png 640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>Abre tu panel de WooCommerce y busca la secci\u00f3n de Elementor.<\/li>\n<li>Encuentra Mis plantillas y haz clic en el bot\u00f3n \"A\u00f1adir nuevo\". En el cuadro emergente, elige Producto \u00fanico y asigna un nombre a tu plantilla. Haz clic en el bot\u00f3n verde para crear una plantilla.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18028\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/create-template.png\" alt=\"elegir tipo de plantilla\" width=\"1024\" height=\"620\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/create-template.png 1024w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/create-template-300x182.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/create-template-768x465.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/create-template-640x388.png 640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<li>Ser\u00e1s redirigido a la biblioteca de plantillas donde puedes seleccionar entre diferentes estilos de una p\u00e1gina de un solo producto. Aqu\u00ed es donde puedes personalizar la plantilla predise\u00f1ada para que se ajuste al concepto general de tu tienda. O bien, puedes crear una p\u00e1gina de producto desde cero - procede al siguiente paso.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18045\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/template-library.png\" alt=\"biblioteca de plantillas\" width=\"1024\" height=\"682\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/template-library.png 1024w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/template-library-300x200.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/template-library-768x512.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/template-library-640x426.png 640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<li>Abre el editor Elementor y crea una nueva secci\u00f3n con dos columnas.<\/li>\n<li>Ve al men\u00fa Elementos, busca el widget Product Title (T\u00edtulo del producto) y arr\u00e1stralo a la columna derecha. Despu\u00e9s de hacer esto, pone el widget Woo Breadcrumbs por encima de este producto espec\u00edfico.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18048\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woo-breadcrumbs-widget.png\" alt=\"woo breadcrumbs widget\" width=\"850\" height=\"438\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woo-breadcrumbs-widget.png 850w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woo-breadcrumbs-widget-300x155.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woo-breadcrumbs-widget-768x396.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woo-breadcrumbs-widget-640x330.png 640w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/li>\n<li>Encuentra el widget Product Image (Imagen del producto) y arr\u00e1stralo a la columna izquierda. Experimenta un poco con el margen para mantener la imagen y el t\u00edtulo del producto ligeramente separados.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18039\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/product-image-widget-column-left.png\" alt=\"imagen de producto widget\" width=\"848\" height=\"437\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/product-image-widget-column-left.png 848w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/product-image-widget-column-left-300x155.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/product-image-widget-column-left-768x396.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/product-image-widget-column-left-640x330.png 640w\" sizes=\"(max-width: 848px) 100vw, 848px\" \/><\/li>\n<li>Debajo del t\u00edtulo, coloca el widget Product Rating (Calificaci\u00f3n del producto), ajusta el margen, a\u00f1ade el widget Short Description (Descripci\u00f3n breve) y deja algo de espacio por encima de este widget, ajustando el margen.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18033\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-short-description.png\" alt=\"descripcion corta de producto \" width=\"850\" height=\"438\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-short-description.png 850w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-short-description-300x155.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-short-description-768x396.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-short-description-640x330.png 640w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/li>\n<li>Busca el widget Product Price (Precio del producto) y arr\u00e1stralo a la secci\u00f3n derecha debajo de la descripci\u00f3n. Ve a Typography settings (Configuraci\u00f3n de tipograf\u00eda) y reemplaza la fuente predeterminada por una diferente. Cambia el tama\u00f1o, el peso y el color como desees.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18031\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-product-price.png\" alt=\"precio de producto\" width=\"850\" height=\"438\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-product-price.png 850w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-product-price-300x155.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-product-price-768x396.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-product-price-640x330.png 640w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<ol>\n<li>A continuaci\u00f3n, a\u00f1ade el widget&nbsp;Add to Cart (A\u00f1adir al carrito). Experimenta con la tipograf\u00eda, incluyendo la fuente, el tama\u00f1o y el color. Debajo del bot\u00f3n A\u00f1adir al carrito, pone el widget Product Meta (Meta del producto).<\/li>\n<li>Vuelve a editar la imagen. Aqu\u00ed es donde puedes editar el radio del borde y la distancia entre la imagen principal y la galer\u00eda de fotos del producto.<\/li>\n<li>A\u00f1ade de nuevo una nueva secci\u00f3n con dos columnas. Busca el widget Product Data Tabs (Pesta\u00f1as de datos del producto) y arr\u00e1stralo a la columna izquierda. Mientras tanto, a\u00f1ade el widget Product Related (Relacionado con el producto) a la columna derecha. Para que las columnas est\u00e1n espaciadas uniformemente, copia los valores de formato de las columnas ya ajustadas y p\u00e9galas en las reci\u00e9n creadas.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18030\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-column.png\" alt=\"edicion de columna\" width=\"848\" height=\"436\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-column.png 848w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-column-300x154.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-column-768x395.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-column-640x329.png 640w\" sizes=\"(max-width: 848px) 100vw, 848px\" \/><\/li>\n<li>Ahora a\u00f1ade una nueva secci\u00f3n y apl\u00edcale el color degradado. Arrastra el widget Up-Sell a la secci\u00f3n y a\u00f1ade el relleno. Pues, tu p\u00e1gina de producto est\u00e1 lista.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18032\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-section.png\" alt=\"productos similares\" width=\"851\" height=\"439\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-section.png 851w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-section-300x155.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-section-768x396.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/edit-section-640x330.png 640w\" sizes=\"(max-width: 851px) 100vw, 851px\" \/><\/li>\n<\/ol>\n<p>Si deseas cambiar la visualizaci\u00f3n de un solo producto, busca el icono de \"ojo\" abajo y ve a Ajustes. En&nbsp;Preview Settings (Configuraci\u00f3n de vista previa), selecciona otra p\u00e1gina con este ejemplo y haz clic para aplicar y revisar. Haz clic en Publicar y establece las condiciones de visualizaci\u00f3n. Haz clic en Publicar una vez m\u00e1s, y tu p\u00e1gina de producto se volver\u00e1 disponible en vivo.<\/p>\n<div class=\"post-video-wrapper\">\n<p class=\"monsterpost__video\"><div class=\"post-video-wrapper\">\n    <div>\n                    <iframe id=\"youtube-player-\" frameborder=\"0\" allowfullscreen=\"1\"\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                    title=\"How to Customize WooCommerce Product & Product Archive Pages Via Elementor\" width=\"640\" height=\"390\"\n                    src=\"https:\/\/www.youtube.com\/embed\/F2gyAeZdU9s?feature=oembed\"><\/iframe>\n            <\/div>\n    <p class=\"video-title\">\n        <a href=\"https:\/\/www.youtube.com\/watch?v=F2gyAeZdU9s\" target=\"_blank\">\n            How to Customize WooCommerce Product & Product Archive Pages Via Elementor        <\/a>\n    <\/p>\n            <div class=\"additional-text\"><\/div>\n    <\/div>\n<div class=\"additional-text\">(Tutorial en ingl\u00e9s)<\/div>\n<\/div>\n<hr>\n<h2 id=\"title8\">\u00bfQu\u00e9 tema de WooCommerce usar para configurar una tienda en l\u00ednea?<\/h2>\n<p>Ahora cuando ya sabes c\u00f3mo construir un sitio web de comercio electr\u00f3nico, editar p\u00e1ginas de productos y crear p\u00e1ginas de pago y compra, puede ser que dudes en qu\u00e9 <a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/es\/temas-woocommerce-elementor\/\" target=\"_blank\">tema de WooCommerce<\/a> elegir. As\u00ed que, hemos recogido 5 temas WooCommerce potentes para tener en cuenta a la hora de tomar la decisi\u00f3n.<\/p>\n<p class=\"monsterpost__product_form\"><div class=\"post-product-form-wrapper\">\n    <h3 class=\"post-product-from-title\">Woostroid2<\/h3>\n    <div class=\"post-product-image-block\">\n        <img class=\"post-product-image\" src=\"https:\/\/www.templatemonster.com\/blog\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/woostroid2.png\"\n             alt=\"Woostroid2\"\/>\n    <\/div>\n            <div class=\"post-product-buttons\">\n                            <div class=\"button-wrapper\">\n                    <button class=\"b2g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/demo\/63000.html target=\"_blank\">Live Demo<\/a>                    <\/button>\n                <\/div>\n                                        <div class=\"button-wrapper\">\n                    <button class=\"b3g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/temas-woocommerce\/woostroid.html target=\"_blank\">Details<\/a>                    <\/button>\n                <\/div>\n                                <\/div>\n                <div class=\"additional-text\">\n            <p><\/p><p>WooStroid2 es una excelente soluci\u00f3n predise\u00f1ada para crear un sitio web de comercio electr\u00f3nico en tan solo unos pocos clics. Cuenta con el paquete de WooCommerce y m\u00faltiples skins predise\u00f1ados para cualquier tipo de tienda online. Por lo tanto, puedes optar por uno que se adapte perfectamente a tus necesidades y construir una tienda en l\u00ednea completa y f\u00e1cil de usar. Puedes acceder a todos los skins, junto con m\u00e1s de 1000 secciones \u00fanicas, plantillas de p\u00e1gina y elementos web al hacer clic en Magic Button.<\/p><p>&nbsp;<\/p><p>Woostroid2 integra el constructor web Elementor con una interfza f\u00e1cil de usar que asegura la personalizaci\u00f3n sencilla del sitio web. Junto con un conjunto de complementos Jet profesionales desarrollados espec\u00edficamente para Elementor, este \u00faltimo permite a\u00f1adir funciones avanzadas al sitio. Con su ayuda puedes crear p\u00e1ginas de productos individuales y m\u00faltiples, dise\u00f1os de p\u00e1ginas de archivo, p\u00e1ginas de carrito de compras y m\u00e1s.&nbsp;<\/p><p><\/p>        <\/div>\n    <\/div>\n<hr>\n<div class=\"post-product-form-wrapper\">\n<p class=\"monsterpost__product_form\"><div class=\"post-product-form-wrapper\">\n    <h3 class=\"post-product-from-title\">Attirezo<\/h3>\n    <div class=\"post-product-image-block\">\n        <img class=\"post-product-image\" src=\"https:\/\/www.templatemonster.com\/blog\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/attirezo-elementor-woocommerce-t-1.png\"\n             alt=\"Attirezo\"\/>\n    <\/div>\n            <div class=\"post-product-buttons\">\n                            <div class=\"button-wrapper\">\n                    <button class=\"b2g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/demo\/84081.html target=\"_blank\">Live Demo<\/a>                    <\/button>\n                <\/div>\n                                        <div class=\"button-wrapper\">\n                    <button class=\"b3g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/temas-woocommerce-tipo-84081.html target=\"_blank\">Details<\/a>                    <\/button>\n                <\/div>\n                                <\/div>\n                <div class=\"additional-text\">\n            <p><\/p><p>Si tienes una tienda f\u00edsica y quieres vender ropa en l\u00ednea, \u00e9chale un vistazo a este tema WooCommerce. Tiene un dise\u00f1o cl\u00e1sico y una interfaz f\u00e1cil de usar. Attirezo permite mostrar productos por categor\u00edas, marcas, precios, etc. Cuenta con una funcionalidad avanzada que lo convierte en una opci\u00f3n perfecta para construir incluso una tienda en l\u00ednea compleja. Adem\u00e1s de Elementor Page Builder, tambi\u00e9n te proporciona una gran selecci\u00f3n de complementos Jet.<\/p><p>&nbsp;<\/p><p>Con el paquete WooCommerce y el complemento JetWooBuilder, puedes crear y personalizar una tienda en l\u00ednea con hacer clic en uno par de botones. El complemento JetProductGallery te permite mostrar las im\u00e1genes del producto, y el plugin JetSmartFilters ayuda a aplicar varios filtros de Ajax para que tus productos sean f\u00e1ciles de ordenar. Estos y otros complementos de Jet, como JetCompareWishlist, JetMenu y JetElements, est\u00e1n incluidos en el tema para permitirte crear una plataforma de compras atractiva y popular.<\/p><p><\/p>        <\/div>\n    <\/div>\n<\/div>\n<hr>\n<p class=\"monsterpost__product_form\"><div class=\"post-product-form-wrapper\">\n    <h3 class=\"post-product-from-title\">Willard<\/h3>\n    <div class=\"post-product-image-block\">\n        <img class=\"post-product-image\" src=\"https:\/\/www.templatemonster.com\/blog\/es\/wp-content\/uploads\/sites\/4\/2019\/12\/willard-woocommerce-theme.png\"\n             alt=\"Willard\"\/>\n    <\/div>\n            <div class=\"post-product-buttons\">\n                            <div class=\"button-wrapper\">\n                    <button class=\"b2g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/demo\/58679.html target=\"_blank\">Live Demo<\/a>                    <\/button>\n                <\/div>\n                                        <div class=\"button-wrapper\">\n                    <button class=\"b3g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/temas-woocommerce-tipo-58679.html target=\"_blank\">Details<\/a>                    <\/button>\n                <\/div>\n                                <\/div>\n                <div class=\"additional-text\">\n            <p><\/p><p>Willard es un tema WooCommerce desarrollado espec\u00edficamente para tiendas de herramientas de construcci\u00f3n. Adem\u00e1s del dise\u00f1o totalmente responsive y SEO-amigable, esta plantilla tambi\u00e9n tiene un enorme conjunto de caracter\u00edsticas avanzadas. Una gran variedad de complementos, widgets y otros elementos web est\u00e1n destinados a ayudarte a crear una tienda web f\u00e1cil de usar con una navegaci\u00f3n conveniente y una interfaz simple.<\/p><p>&nbsp;<\/p><p>MotoPress Slider integrado en el tema ayudar\u00e1 a presentar tus mejores ofertas y promocionar productos de la mejor manera. El constructor web Elementor te brinda una oportunidad de crear cualquier tipo de contenido y agregar funciones avanzadas con los complementos Jet tambi\u00e9n incluidos en el paquete del tema. Como puedes ver, Willard contribuye a que el proceso de construcci\u00f3n del sitio web sea r\u00e1pido y f\u00e1cil.<\/p><p><\/p>        <\/div>\n    <\/div>\n<hr>\n<p class=\"monsterpost__product_form\"><div class=\"post-product-form-wrapper\">\n    <h3 class=\"post-product-from-title\">Naturio<\/h3>\n    <div class=\"post-product-image-block\">\n        <img class=\"post-product-image\" src=\"https:\/\/www.templatemonster.com\/blog\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/naturio-woocommerce-theme.png\"\n             alt=\"Naturio\"\/>\n    <\/div>\n            <div class=\"post-product-buttons\">\n                            <div class=\"button-wrapper\">\n                    <button class=\"b2g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/demo\/66344.html target=\"_blank\">Live Demo<\/a>                    <\/button>\n                <\/div>\n                                        <div class=\"button-wrapper\">\n                    <button class=\"b3g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/temas-woocommerce-tipo-66344.html target=\"_blank\">Details<\/a>                    <\/button>\n                <\/div>\n                                <\/div>\n                <div class=\"additional-text\">\n            <p><\/p><p>Los productos org\u00e1nicos ahora est\u00e1n en gran demanda, lo que significa que es hora de lanzar una tienda en l\u00ednea para tu tienda f\u00edsica de productos org\u00e1nicos y promocionarla en la web. El tema Naturio es una soluci\u00f3n muy buena. Dentro de su paquete, encontrar\u00e1s una colecci\u00f3n completa de p\u00e1ginas predise\u00f1adas repletas de varios detalles. Aprovecha ellas para completar tu sitio web con una p\u00e1gina de inicio, una tienda y un blog, as\u00ed como llenarlas con la informaci\u00f3n necesaria.<\/p><p>&nbsp;<\/p><p>Al igual que muchos otros temas de WooCommerce, Naturio integra Elementor Page Builder. Este \u00faltimo est\u00e1 equipado con el editor de arrastrar y soltar definitivo y m\u00f3dulos bien dise\u00f1ados que hacen que la creaci\u00f3n de sitios web sea mucho m\u00e1s f\u00e1cil. Ni siquiera tienes que tocar el c\u00f3digo. Todo lo que debes hacer es colocar los elementos dentro del dise\u00f1o hasta que te guste el resultado. Esta es la raz\u00f3n principal por la que los temas de WooCommerce son tan atractivos incluso para los no expertos en tecnolog\u00eda.<\/p><p><\/p>        <\/div>\n    <\/div>\n<hr>\n<p class=\"monsterpost__product_form\"><div class=\"post-product-form-wrapper\">\n    <h3 class=\"post-product-from-title\">Essorize<\/h3>\n    <div class=\"post-product-image-block\">\n        <img class=\"post-product-image\" src=\"https:\/\/www.templatemonster.com\/blog\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/essorize-elementor-woocommerce-t.png\"\n             alt=\"Essorize\"\/>\n    <\/div>\n            <div class=\"post-product-buttons\">\n                            <div class=\"button-wrapper\">\n                    <button class=\"b2g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/demo\/82524.html target=\"_blank\">Live Demo<\/a>                    <\/button>\n                <\/div>\n                                        <div class=\"button-wrapper\">\n                    <button class=\"b3g\">\n                        <a href=https:\/\/www.templatemonster.com\/es\/temas-woocommerce-tipo-82524.html target=\"_blank\">Details<\/a>                    <\/button>\n                <\/div>\n                                <\/div>\n                <div class=\"additional-text\">\n            <p><\/p><p>El tema WooCommerce Essorize es una gran opci\u00f3n para los propietarios de tiendas online de electr\u00f3nica. El dise\u00f1o claro y minimalista atrae a m\u00e1s visitantes al contenido del sitio web y los impulsa a hacer una compra. Con elegantes p\u00e1ginas predise\u00f1adas, puedes complementar tus productos con toda la informaci\u00f3n necesaria. Y el editor de contenido Elementor te permite crear cualquier tipo de contenido, as\u00ed como mejorar la funcionalidad del sitio.<\/p><p>&nbsp;<\/p><p>Adem\u00e1s, Essorize cuenta con im\u00e1genes de alta resoluci\u00f3n que son adecuadas para diferentes temas de negocios. La plantilla tambi\u00e9n ofrece m\u00faltiples complementos de comercio electr\u00f3nico como JetProductGallery, JetCompareWishlist, JetMenu y otros que pueden garantizar una experiencia de compra de primer nivel.<\/p><p><\/p>        <\/div>\n    <\/div>\nFuente: \"<a rel=\"noopener noreferrer\" href=\"https:\/\/monsterspost.com\/elementor-woocommerce-guide\/\" target=\"_blank\">The Utmost Elementor WooCommerce Guide<\/a>\" por Mariana<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En buscar diferentes tutoriales de c\u00f3mo usar WooCommerce con Elementor se tarda mucho tiempo. Ser\u00eda mucho mejor tenerlos reunidos en un solo lugar para poder crear una tienda web completa, siguiendo las instrucciones de una sola fuente. Como tambi\u00e9n somos usuarios web con los intereses y requisitos similares a los tuyos, entendemos claramente la necesidad [&hellip;]<\/p>\n","protected":false},"author":1334762,"featured_media":18046,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,37],"tags":[468,85],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gu\u00eda definitiva: Crear tienda WooCommerce con Elementor<\/title>\n<meta name=\"description\" content=\"En esta entrada del blog, te explicamos los aspectos b\u00e1sicos de c\u00f3mo crear y configurar una tienda WooCommerce con Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gu\u00eda definitiva: Crear tienda WooCommerce con Elementor\" \/>\n<meta property=\"og:description\" content=\"En esta entrada del blog, te explicamos los aspectos b\u00e1sicos de c\u00f3mo crear y configurar una tienda WooCommerce con Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-18T08:22:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-03T14:36:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/utmost-elementor-woocommerce-gui.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"562\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"Gu\u00eda definitiva: WooCommerce con Elementor\",\"datePublished\":\"2019-11-18T08:22:08+00:00\",\"dateModified\":\"2023-04-03T14:36:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/\"},\"wordCount\":2844,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"keywords\":[\"elementor\",\"woocommerce\"],\"articleSection\":[\"Comercio electr\u00f3nico\",\"WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/\",\"url\":\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/\",\"name\":\"Gu\u00eda definitiva: Crear tienda WooCommerce con Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2019-11-18T08:22:08+00:00\",\"dateModified\":\"2023-04-03T14:36:18+00:00\",\"description\":\"En esta entrada del blog, te explicamos los aspectos b\u00e1sicos de c\u00f3mo crear y configurar una tienda WooCommerce con Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gu\u00eda definitiva: WooCommerce con Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gu\u00eda definitiva: Crear tienda WooCommerce con Elementor","description":"En esta entrada del blog, te explicamos los aspectos b\u00e1sicos de c\u00f3mo crear y configurar una tienda WooCommerce con Elementor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/","og_locale":"es_ES","og_type":"article","og_title":"Gu\u00eda definitiva: Crear tienda WooCommerce con Elementor","og_description":"En esta entrada del blog, te explicamos los aspectos b\u00e1sicos de c\u00f3mo crear y configurar una tienda WooCommerce con Elementor.","og_url":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2019-11-18T08:22:08+00:00","article_modified_time":"2023-04-03T14:36:18+00:00","og_image":[{"width":1000,"height":562,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/11\/utmost-elementor-woocommerce-gui.png","type":"image\/png"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"Gu\u00eda definitiva: WooCommerce con Elementor","datePublished":"2019-11-18T08:22:08+00:00","dateModified":"2023-04-03T14:36:18+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/"},"wordCount":2844,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"keywords":["elementor","woocommerce"],"articleSection":["Comercio electr\u00f3nico","WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/","url":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/","name":"Gu\u00eda definitiva: Crear tienda WooCommerce con Elementor","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2019-11-18T08:22:08+00:00","dateModified":"2023-04-03T14:36:18+00:00","description":"En esta entrada del blog, te explicamos los aspectos b\u00e1sicos de c\u00f3mo crear y configurar una tienda WooCommerce con Elementor.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/guia-definitiva-elementor-en-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"Gu\u00eda definitiva: WooCommerce con Elementor"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/18018"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=18018"}],"version-history":[{"count":24,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/18018\/revisions"}],"predecessor-version":[{"id":26137,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/18018\/revisions\/26137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/18046"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=18018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=18018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=18018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}