WooCommerce es la opción número uno a la hora de crear una tienda online en WordPress.
Viene con un montón de características avanzadas y es totalmente personalizable, lo que le permite construir casi cualquier tipo de tienda. Y lo mejor es que es de código abierto y completamente gratis.
¿Quieres crear un sitio web de WooCommerce con el creador de páginas más popular, Elementor, y el tema de WordPress más popular, Astra?
Elementor es un popular constructor de páginas de WordPress que te ayuda a crear sitios web perfectos con un editor intuitivo de arrastrar y soltar.
Con Astra, tienes el tema de WordPress no predeterminado más popular del mundo. Es ligero y está instalado en cerca de 2 millones de sitios web.
Con la reciente Actualización Astra 3.9Cada aspecto de su tienda WooCommerce puede ser llevado al siguiente nivel.
En resumen, con la combinación de WooCommerce, Elementory Astrapuede crear una tienda en línea que seguro mejorará la experiencia de compra y aumentará las ventas.
Este artículo cubre los pasos exactos sobre cómo construir un sitio web WooCommerce con Elementor y el tema Astra.
¡A construir!
- ¿Qué es WooCommerce?
- ¿Por qué utilizar WooCommerce para crear una tienda online?
- ¿Qué necesitas para crear una tienda WooCommerce?
- Qué buscar en un tema WooCommerce
- ¿Por qué utilizar Astra y Elementor para crear una tienda online?
- Cómo crear un sitio web WooCommerce con Elementor y Astra
- Instale algunos plugins imprescindibles de WordPress
- Mejores Temas WooCommerce Elementor
- Elementor frente a Elementor Pro: Cuándo actualizar
- WooCommerce, Astra y Elementor: mejor juntos
¿Qué es WooCommerce?
WooCommerce es la plataforma de comercio electrónico de código abierto más popular creada para WordPress.
Es flexible y totalmente personalizable, lo que le permite crear cualquier tienda en línea, incluidas las que ofrecen productos físicos y digitales, venden suscripciones y mucho más.
WooCommerce viene con una serie de funciones avanzadas por las que otras plataformas basadas en SaaS normalmente cobrarían.
Entre sus funciones se incluyen un panel de control intuitivo, informes avanzados, gestión de inventarios y pedidos, facturación y otras excelentes características.
WooCommerce es la solución perfecta para crear sitios web de comercio electrónico con WordPress, tanto si está empezando un negocio en línea como si está llevando su tienda física a Internet.
¿Por qué utilizar WooCommerce para crear una tienda online?
WooCommerce es uno de los plataformas de comercio electrónico más completas disponibles. La calidad y la variedad de funciones le ayudan a crear una tienda en línea optimizada para las ventas tanto en línea como fuera de línea.
Con la gama de opciones de personalización, puede crear una tienda que se adapte perfectamente a su marca y se vea muy bien en dispositivos de escritorio y móviles.
Además, WooCommerce es compatible con varias soluciones de software de comercio electrónico, lo que facilita la integración con terceros. aplicaciones como pasarelas de pago y herramientas de marketing.
WooCommerce también tiene una serie de funcionalidades que integran tu tienda online con las ventas online y offline. Crea cupones dinámicos para impulsar tus ventas, crea páginas de pago adaptadas a dispositivos móviles y mucho más.
Aquí tienes algunas razones adicionales por las que deberías usar WooCommerce para crear tu tienda online:
- WooCommerce está diseñado para WordPress, el software que hace funcionar más de 44% de sitios web en todo el mundo.
- WooCommerce se integra perfectamente con el contenido del sitio web
- Funciona con casi todos los temas y plugins de WordPress
- Desde productos físicos y digitales hasta suscripciones y citas, puedes vender cualquier cosa usando WooCommerce
- Altamente personalizable
- Añada un número ilimitado de productos, usuarios y pedidos
En resumen, con WooCommerce, puede ir más allá de los confines de las soluciones tradicionales de comercio electrónico y estar limitado únicamente por su propia imaginación.
¿Qué necesitas para crear una tienda WooCommerce?
¿Te preguntas qué necesitas para crear una tienda WooCommerce?
Aunque hablaremos de ellos en detalle más adelante, aquí tienes una lista de los más esenciales:
1. Dominio y alojamiento
Para empezar, necesitamos un dominio y alojamiento.
Aunque hay varias opciones disponibles, recomendamos optar por SiteGround.
SiteGround es una solución de alojamiento muy popular que es fiable, ofrece grandes prestaciones y, lo que es más importante, también está recomendada por WordPress.org.
También recomendamos SiteGround por su equipo de soporte de clase mundial. Siempre están disponibles para responder a cualquier pregunta o duda relacionada con el alojamiento que puedas tener.
Seleccione una plan de alojamiento gestionado de WordPress que más le convenga. También puede comprar un dominio si aún no lo tiene.
2. WordPress
A continuación, debe instalar WordPress.
Lo bueno de contratar un plan de alojamiento gestionado de WordPress es que es fácil instalar el software.
Con el asistente de configuración de sitios web o el instalador de un solo clic disponible en su panel de control, puede instalar WordPress sin más.
3. WooCommerce
WooCommerce es la plataforma de comercio electrónico que mejor funciona con WordPress.
Instalar WooCommerce es bastante sencillo. Es tan sencillo como instalar cualquier otro plugin de WordPress.
Simplemente busque el plugin, instálelo y actívelo. Y ya está.
Una vez hecho esto, estarás listo para añadir productos y empezar a vender inmediatamente. Bueno, ¡casi!
4. Tema de WordPress
Un tema de WordPress hace que tu tienda tenga un aspecto estupendo. Los colores, las fuentes, la tipografía, la estructura del diseño y mucho más forman parte del tema.
Hay muchos temas de WordPress disponibles en el mercado. Aunque algunos son buenos, otros son incluso mejores. Como queremos que tengas los mejores, nos centraremos en estos últimos.
Uno de estos temas es Astra.
Es un tema superligero que se carga en sólo 0,5 segundos y está diseñado para ofrecer velocidad y rendimiento.
Con una serie de plantillas de sitios web hecho a medida para tiendas en línea, podrá poner en marcha su tienda en cuestión de minutos. Todo ello sin escribir una sola línea de código.
5. Constructor de páginas de WordPress
Por último, también necesitamos un constructor de páginas que nos ayude a diseñar y personalizar nuestras páginas.
Tienes varios constructores de páginas para elegir, incluyendo Spectra. Sin embargo, para este artículo, nos decantaremos por el popular constructor de páginas de WordPress, Elementor.
Con Elementor podrá crear fácilmente sitios web de aspecto profesional y muy creativos.
Qué buscar en un tema WooCommerce
Un tema mejora el aspecto de su sitio web. Pero, ¿es eso todo lo que hay en un tema?
Un tema también puede influir en el rendimiento de su sitio web.
Mientras que el tema adecuado siempre puede aumentar el rendimiento de su tienda y, a su vez, las ventas, el tema incorrecto puede afectar negativamente al rendimiento.
Entonces, ¿cuáles son los requisitos previos para el tema WooCommerce ideal?
1. Velocidad
Sitios web que cargan más rápido = Mejor experiencia de compra = Más ventas y conversiones.
La velocidad lo es todo en Internet. Si su sitio web tarda en cargarse, es muy probable que sus clientes lo abandonen. Y con ello, también pierdes ventas potenciales.
¿Sabía que la velocidad de la página también es un factor importante de clasificación en Google?
Un sitio web más rápido no sólo mejora la experiencia del usuario, sino que también ayuda a aumentar sus posibilidades de posicionarse mejor en los motores de búsqueda.
Pon a prueba tu tema con herramientas como PageSpeed Insightsy Pingdom para ver lo rápido que carga.
2. Respuesta
¿Sabía que casi 62% de los clientes no volverán a comprarle si su tienda no está optimizada para dispositivos móviles?
Lo que nos lleva a una pregunta muy importante:
¿Ofrece su tienda una gran experiencia de usuario en dispositivos móviles?
Aunque la mayoría de los temas son responsivos, comprobarlo desde el principio le ayudará a conseguir más ventas cuando se ponga en marcha.
3. Personalización
¿Desea personalizar su tienda para adaptarla a sus necesidades? Ya sabes, ¿en términos de colores, fuentes, tipografía, diseños, encabezado, pie de página y casi todo lo demás en tu tienda?
Tu tema WooCommerce debe ser personalizable. De esta forma, controlas por completo tu tienda y puedes personalizarla a tu gusto.
Mientras que algunos temas pueden personalizarse con el personalizador de WordPress, otros vienen con un editor integrado que puede ayudarle a retocar rápidamente el diseño.
4. Proceso de pago fluido
Informes indican que la tasa de abandono de carritos es casi tan alta como 70%.
Esto significa que 7 de cada 10 clientes abandonan su tienda en la fase de pago. Y eso es mucho.
(Fuente: Baymard)
Como se muestra en la imagen anterior, la razón número uno para el abandono del carrito son los costes adicionales que se cobran a los clientes.
Este Estadísticas de comercio electrónico digamos que 70% de los carritos de las tiendas en línea se abandonan debido a un proceso de pago largo y complicado.
Si quieres reducir la tasa de abandono de carritos y aumentar las ventas, asegúrate de que tu tema de WooCommerce tenga un proceso de compra optimizado para la conversión.
5. Plantillas de demostración de sitios web
¿No sería estupendo lanzar tu tienda online de inmediato?
Tendrás que seguir añadiendo productos y toda la información que los acompaña, pero ya me entiendes.
Es más fácil construir un sitio web WooCommerce utilizando una plantilla ya hecha en lugar de construir una desde cero. Y eso es precisamente lo que ofrecen algunos temas.
Todo lo que tiene que hacer es seleccionar una plantilla de tienda diseñada por profesionales, importarla y, a continuación, personalizarla para adaptarla a sus necesidades.
Todo esto puede conseguirse en cuestión de minutos, ¡sin escribir una sola línea de código!
6. Soporte
Contar con un equipo de asistencia siempre es tranquilizador, porque nunca se sabe cuándo se necesita ayuda.
La mayoría de los temas de WooCommerce ofrecen asistencia por correo electrónico, chat y un sistema de tickets en línea. Algunos temas premium también ofrecen soporte prioritario.
7. Asegure
Otra de las principales razones del abandono de carritos es que los clientes no se sienten cómodos compartiendo los datos de su tarjeta de crédito.
Si quiere que sus clientes compartan con usted los datos de su tarjeta de crédito, tendrá que generar confianza.
El primer paso para generar confianza es asegurarse de que su tema WooCommerce es seguro.
Una cosa es que su sitio sea seguro y otra que sus clientes lo sepan.
Le recomendamos que muestre las pasarelas de pago con las que está suscrito y cualquier otra cosa que genere confianza entre sus clientes.
Eso podría incluir marcadores de confianza como insignias de seguridad, certificados o avales de terceros como las insignias de Google Customer Review o las de Better Business Bureau Accredited Business.
En resumen, estos son los aspectos clave a tener en cuenta a la hora de seleccionar un tema WooCommerce. Puedes buscar en Internet temas que cumplan todos los requisitos anteriores.
O, simplemente, ¡podrías confiar en nuestra palabra e ir con el tema Astra! 🙂 .
¿Por qué utilizar Astra y Elementor para crear una tienda online?
Si hablamos de temas, Astra es el tema no predeterminado más popular del ecosistema de WordPress. Cuenta con casi 2 millones de instalaciones activas y ha superado los 7 millones de descargas.
Este tema ligero es apto para principiantes y ofrece una amplia gama de plantillas web de diseño profesional que puede utilizarse para casi cualquier nicho.
Con la última Lanzamiento de Astra 3.9hemos llevado WooCommerce a un nivel completamente nuevo.
Algunas de sus características son:
- Nuevo skin moderno para la página de tu tienda
- Cree sin esfuerzo una galería de imágenes en su página de productos
- Nuevo diseño moderno para la página del carrito
- Página de pago súper optimizada y sin fricciones creada para la conversión
- Nueva y moderna página de agradecimiento
- Diseño moderno de la página de la cuenta
- Muestras de variaciones de aspecto impresionante para tu tienda WooCommerce
- Plugin de pasarela de pago Stripe que se integra perfectamente con Astra
Y muchas más características impresionantes.
En resumen, con Astra 3.9, hemos mejorado significativamente todos los elementos de su tienda, garantizando una experiencia de compra mucho mejor para los clientes.
Elementor es un constructor de páginas de WordPress muy popular con más de 5 millones de instalaciones activas.
Con un intuitivo editor de arrastrar y soltar, puede utilizarse para crear sitios web creativos y únicos de forma rápida y sencilla.
Así, cuando combinas el tema de WordPress más popular y el constructor de páginas, puedes construir sitios web de WooCommerce únicos y de alta conversión que puntuarán alto en la experiencia de compra.
Cómo crear un sitio web WooCommerce con Elementor y Astra
Construyamos ahora un sitio web WooCommerce con Elementor y Astra.
Suponemos que ha adquirido un dominio y un alojamiento WordPress gestionado.
Paso 1: Instalar WordPress
Una vez que hayas comprado el alojamiento, puedes instalar WordPress fácilmente accediendo al panel de control o utilizando un asistente de instalación.
Por ejemplo, si ha optado por SiteGround, puede utilizar el Asistente de configuración de sitios web para instalar WordPress.
Después de registrarse correctamente, se encontrará en el siguiente panel de control.
Puede añadir un nuevo sitio web, seleccionar su aplicación y hacer mucho más.
Tras unos sencillos pasos, la instalación de WordPress estará completa.
Ahora puede acceder a su panel de administración y empezar a crear su sitio web.
Un método alternativo es utilizar el instalador de aplicaciones.
Para ello, tendrás que acceder al panel de control de SiteGround y localizar la opción Instalador de aplicaciones.
Seleccione WordPress como aplicación preferida y complete la instalación.
El proceso es bastante sencillo, y una vez que hayas terminado, podrás acceder a tu panel de WordPress.
Aunque los pasos anteriores son específicos de SiteGround, el proceso es similar para cualquier alojamiento web.
¿Quieres ayuda para instalar WordPress? Consulta nuestro Guía completa para configurar alojamiento web, dominio y WordPress (2022).
Paso 2: Instalar el tema Astra
Una vez instalado WordPress, el siguiente paso es instalar el tema Astra.
Desde el panel de control de WordPress, diríjase a Apariencia > Temas y haga clic en Añadir nuevo.
Busque Astra y haga clic en Instale y luego Activar.
¿Quieres lanzar tu tienda de inmediato con algunas plantillas de sitios web ya hechas?
Visite Apariencia > Opciones Astra.
A continuación, haga clic en Instalar el plugin del importador.
Se le pedirá que seleccione un constructor de páginas de su elección. Nosotros elegiremos Elementor.
También puede seleccionar una plantilla de inicio de su elección.
Por ejemplo, busque Tienda y seleccione una plantilla de su preferencia. Hemos optado por la plantilla Plantilla de tienda ecológica.
Plantillas recomendadas de Astra:
Ahora puede personalizar la plantilla según los requisitos de su sitio web.
Añada un logotipo, cambie los colores y la tipografía, y mucho más.
Una vez que estés conforme, llegarás a la siguiente pantalla.
Haga clic en Enviar y crear mi sitio web.
Esto inicia el proceso de instalación, como se muestra en la siguiente imagen.
Esto debería hacerse en menos de un minuto.
Tras la instalación, su sitio web estará activo.
Haga clic en Ver su sitio web para ver el aspecto de su sitio web.
Y así de fácil, tu sitio web de WooCommerce está listo y funcionando.
Todo lo que tiene que hacer es añadir sus productos, completar algunos ajustes y estará listo para aceptar pedidos y pagos.
Paso 3: Instalar WooCommerce
Para crear una tienda online en WordPress, necesitamos instalar WooCommerce.
Si has instalado una plantilla de inicio relacionada con la tienda, verás que WooCommerce ya está activo.
Cuando instalas una plantilla de inicio, viene con todo lo que necesitas para crear un sitio web.
Y en este caso, cuando seleccionaste una plantilla de tienda, no sólo vino Elementor instalado con ella, ¡vino con WooCommerce!
Si no ha utilizado una plantilla de inicio, es posible que tenga que añadir WooCommerce manualmente.
He aquí cómo:
Para ello, diríjase a Plugins > Añadir nuevo y busque WooCommerce.
Haga clic en Instalar ahora y luego actívalo.
Paso 4: Configurar tu tienda WooCommerce
Ahora que tienes WooCommerce instalado, hay algunos ajustes que tienes que cubrir antes de añadir productos a tu tienda.
Visite WooCommerce > Configuración. Por defecto, estará en el General ficha.
Aquí es donde puedes incluir la dirección de tu tienda, establecer una divisa predeterminada, añadir detalles de envío, integrar una pasarela de pago, configurar notificaciones por correo electrónico y otros ajustes relacionados con la tienda.
Todas estas cosas están incluidas en el Asistente de configuración de WooCommercepero también puede configurarlos manualmente si lo prefiere.
Por ejemplo, si desea añadir un método de pago a su tienda, haga clic en el botón Pagos ficha.
Sólo tiene que activar el método de pago que prefiera y completar el proceso de configuración.
Recomendamos dedicar tiempo y explorar lo que ofrecen los escenarios.
Si desea más información, puede consultar nuestro artículo en profundidad sobre cómo configurar WooCommerce.
Paso 5: Cómo añadir productos a tu tienda WooCommerce
Para añadir productos a su tienda WooCommerce, diríjase a Productos > Añadir nuevo.
Introduzca el nombre y la descripción del producto, cargue una imagen del producto y todos los detalles.
A continuación, desplácese hasta Datos del producto sección.
Aquí es donde se añaden los detalles relacionados con su producto.
Empezando por seleccionar el tipo de producto y añadir el inventario. A continuación, pasar a los detalles de envío y otros ajustes.
Hay mucha más información que puedes elegir proporcionar.
Algunos datos son obligatorios, pero otros son opcionales.
Lo que es importante destacar son las nuevas características que WooCommerce incorpora al instalar la última versión de Astra.
Por ejemplo, su plantilla de tienda ahora viene con Variation Swatches para WooCommerce por CartFlows.
Con esta función, puede prescindir de la antigua lista desplegable y mostrar las distintas variantes de su producto mediante impresionantes muestras de variaciones.
No se trata sólo de mostrar las distintas opciones de color disponibles para su producto. Puede elegir diferentes variantes de imagen y también utilizar muestras de etiquetas.
Instale algunos plugins imprescindibles de WordPress
Hay algunos plugins de WordPress imprescindibles que puede considerar instalar. Estos plugins proporcionan funciones adicionales.
UpdraftPlus: Plugin de copia de seguridad de WordPress
La mayoría de los proveedores de alojamiento programan copias de seguridad automáticas de su sitio web por usted. Pero no queremos depender de ellos, así que te recomendamos tener tu propia solución de copias de seguridad.
Uno de estos plugins es UpdraftPlus.
UpdraftPlus es un popular plugin que ayuda a realizar copias de seguridad de tu sitio web WordPress. También puedes almacenar tus copias de seguridad en Google Drive, Amazon S3, Dropbox o Rackspace Cloud.
Al hacer una copia de seguridad de tu tienda, te aseguras de no perderlo todo. Si algo va mal en tu sitio web o tu servidor se bloquea, puedes restaurarlo a partir de una copia de seguridad en cuestión de minutos.
WordFence: Plugin de seguridad para WordPress
Debido a su popularidad, WordPress puede ser vulnerable a hackeos, spam y ataques maliciosos. Lo último que quieres es que le ocurra algo a tu sitio web, que te cueste caro en términos de tiempo, dinero y reputación.
Ahí es donde los plugins de seguridad de WordPress, como WordFence, resultan útiles.
WordFence es un conocido y fiable plugin de seguridad que garantiza que su sitio web está en buenas manos. Bloquea el tráfico malicioso, detiene los ataques de fuerza bruta y garantiza la seguridad de las contraseñas.
Yoast SEO: WordPress SEO Plugin
¿Quiere que su sitio web aparezca en la página de resultados de los motores de búsqueda?
Aunque hay mucho que hacer para optimizar tu tienda para los motores de búsqueda, la instalación de un plugin de SEO mejorará tus posibilidades de ser notado por los motores de búsqueda.
Yoast SEO es un plugin de WordPress muy popular que te ayuda a optimizar tu tienda para SEO.
Añade títulos y descripciones, genera un mapa del sitio XML, optimiza el contenido de tu página y haz mucho más con Yoast SEO.
Site Kit de Google: Plugin de WordPress para analizar el tráfico de tu sitio web
Si tiene un negocio físico, le gustaría saber cuáles de sus esfuerzos de marketing están dando sus frutos y atrayendo clientes a su tienda.
Lo mismo ocurre con tu tienda online. La buena noticia es que es mucho más fácil saber qué funciona y qué no en tu sitio web instalando plugins como Site Kit de Google.
Al conectar su tienda a Site Kit de Google, obtendrá información detallada sobre sus clientes, cómo descubrieron su tienda, las páginas que visitaron, cuánto tiempo permanecieron en su tienda, de dónde son y otra información útil.
Con esta información, podrá elaborar sus ofertas en consecuencia.
ShortPixel: Plugin de optimización de imágenes para WordPress
Tu tienda WooCommerce va a tener montones y montones de imágenes de productos. Cuanto mejores sean las imágenes, mayores serán las posibilidades de que los clientes realicen una compra.
Sin embargo, las imágenes de mayor tamaño pueden ser grandes y afectar negativamente a la velocidad de carga de la página. Y todos sabemos lo importante que es la velocidad de la página para los motores de búsqueda y la experiencia del usuario.
ShortPixel es un Plugin de compresión de imágenes para WordPress que reduce el tamaño de la imagen sin comprometer su calidad.
Admite todos los formatos de imagen habituales, incluido WebP.
Elementor: Plugin WordPress Page Builder
Existen varias opciones de constructores de páginas en el mercado, incluido el constructor visual de sitios web, Spectra.
Elementor es un constructor de páginas muy popular. Es amigable para principiantes y utiliza un método de construcción de sitios fácil de usar de arrastrar y soltar, lo que le permite crear hermosas páginas.
Si has instalado nuestra plantilla de inicio como parte de este tutorial, ya tienes Elementor instalado.
Y por si quieres widgets Elementor más creativos para tu sitio, puedes instalar Ultimate Addons for Elementor.
Ofrece más de 40 widgets y extensiones, más de 100 plantillas de sitios web y más de 200 bloques de secciones preconstruidos, que se pueden personalizar como se desee.
En resumen, varios plugins de WordPress te ayudan a añadir funcionalidad a tu sitio web. Apenas hemos arañado la superficie.
Sin embargo, estos plugins imprescindibles son buenos para empezar.
¿Quiere más opciones? Consulte nuestro artículo detallado sobre el mejores plugins de WordPress para cada sitio web de WordPress éxito en 2024.
¿Quieres plugins de WordPress específicos para WooCommerce? ¿Los que pueden ayudar a aumentar las ventas y las conversiones?
Aquí tiene una lista de los 38 mejores plugins de WooCommerce que toda tienda necesita.
Mejores Temas WooCommerce Elementor
Hay un montón de temas de WordPress alrededor y muchos de ellos son compatibles con Elementor y WooCommerce.
Aunque no los hemos enumerado todos aquí, hemos mencionado algunos de los principales Elementor Temas WooCommerce. La selección de uno de ellos debería proporcionarle la experiencia que busca.
1. Astra
Con más de un millón de instalaciones y siendo el único tema de WordPress no predeterminado en alcanzar esta marca, sabemos un par de cosas sobre la creación de temas optimizados y de alto rendimiento que convierten.
Astra es un tema de WordPress ligero que ofrece integraciones con Elementor y WooCommerce. Además, Astra viene con sitios de demostración WooCommerce ya hechos que se pueden personalizar fácilmente usando Elementor.
Usando Astra, consigues:
- Tiendas mucho más rápidas que ayudan a aumentar la tasa de conversión
- Una cesta desplegable que permite a los usuarios ver su cesta desde casi cualquier página.
- Proceso de pago optimizado para la conversión, lo que reduce la tasa de abandono de carritos
- Capta la atención del usuario con burbujas de venta que ayudan a impulsar las ventas
- Sitios totalmente adaptables que funcionan a la perfección en todos los dispositivos
- Tiendas personalizables sin tener que escribir una sola línea de código
¿Quiere más funciones?
Actualizar a Astra Pro y obtén funciones adicionales de WooCommerce como:
- Desplazamiento infinito que carga dinámicamente sus productos a medida que los usuarios se desplazan.
- Opciones de pago adicionales para mejorar la experiencia del usuario, como el pago en dos pasos, el pago sin distracciones, etc.
- Más opciones de visualización de productos y galerías que se pueden ajustar fácilmente. Opción de abrir las imágenes en un lightbox disponible también.
- La función de vista rápida de productos permite a los usuarios obtener una vista previa de los detalles del producto sin tener que visitar la página detallada del producto. Esto ayuda a aumentar la tasa de conversión
- Barra lateral para filtros de productos
2. Hola Elementor + Theme Builder
Elementor es un plugin constructor de páginas de WordPress muy popular y tiene algunos temas propios que quizá quieras consultar.
Las plantillas funcionan muy bien con WooCommerce y se pueden personalizar fácilmente utilizando el Elementor WooCommerce Builder.
Utilizando los widgets dedicados de WooCommerce como precios, botones de añadir al carrito y funciones en el Elementor Theme Builder, puede diseñe las páginas de su tienda y de sus productos como usted quiera.
3. GenerarPrensa
GeneratePress es otro tema popular de WordPress compatible con WooCommerce.
Usando el personalizador de WordPress, los ajustes de WooCommerce de GeneratePress te permiten configurar casi cualquier cosa, como el carrito desplegable, el modo de pago sin distracciones y mucho más.
Mientras que el tema GeneratePress está disponible de forma gratuita en WordPress, para acceder a la configuración de WooCommerce, necesitarás GeneratePress Premium.
4. Neve
Neve es un tema de WordPress listo para WooCommerce que viene con varios sitios web de demostración ya hechos impulsados por Elementor.
La versión gratuita de Neve ofrece compatibilidad completa con WooCommerce. Para una mayor integración WooCommerce, es posible que desee considerar la versión Pro.
La versión Neve Pro incluye un módulo de refuerzo WooCommerce que le permite personalizar su tienda, producto, y páginas de pago.
5. OceanWP
Con más de 700.000 instalaciones activas, OceanWP es un popular tema de WordPress que viene con muchas funciones integradas para tiendas WooCommerce.
Tiene sitios de demostración de WooCommerce listos para usar que funcionan con Elementor.
Algunas características adicionales para WooCommerce incluyen:
- Vista rápida del producto
- Carrito de la compra desplegable
- Botón flotante de añadir al carrito
- Proceso de pago sin distracciones
OceanWP te da montones de opciones de personalización y es compatible con Elementor.
Elementor frente a Elementor Pro: Cuándo actualizar
La versión gratuita de Elementor funciona perfectamente. Tanto si estás empezando como si eres un experimentado desarrollador de sitios web WordPress, Elementor ofrece toda una gama de posibilidades de diseño.
Sin embargo, si busca más herramientas y funciones para mejorar las conversiones y las ventas, siempre tiene a su disposición Complementos de Elementor y Elementor Pro.
Aunque nos hemos centrado más en los aspectos de WooCommerce y Elementor en una tabla comparativa que aparece a continuación, a continuación echamos un vistazo a algunos de los aspectos significativos diferencias entre Elementor y Elementor Pro.
- Mientras que el constructor de temas le permite personalizar cada parte de su tema, el constructor de temas de Elementor Pro le permite ir más allá de las restricciones del tema. Con Elementor, puede diseñar visualmente los distintos elementos de su sitio web, como el encabezado, el pie de página, la página de archivo, las entradas individuales y mucho más. ¿Esto implica codificación? En absoluto. Y funciona con casi cualquier tema de WordPress.
- ¿Cómo se crean los formularios de contacto? Suponemos que es instalando un plugin de formulario de contacto como WP Forms, Ninja Forms, Contact Form 7, y muchos más. Si bien todas estas son grandes opciones, el widget de formularios de Elementor Pro le ofrece la misma flexibilidad. Diseña tus formularios sobre la marcha y configura alertas y notificaciones personalizadas. ¿Quieres integrar algunas herramientas de automatización o CRM? Widgets del formulario Elementor Pro le permiten hacerlo con sólo unos clics.
- ¿Ha utilizado las plantillas y bloques profesionales de la biblioteca Elementor? Si lo ha hecho, sabrá que hay muchas más opciones disponibles en la versión Pro. Utilizando estas plantillas y bloques de diseño profesional, puede personalizarlos fácilmente para crear impresionantes páginas de destino, páginas web, titulares animados, formularios y mucho más.
Además de lo anterior, a continuación le indicamos las razones por las que podría considerar optar por la versión Elementor Pro, especialmente si posee una tienda en línea.
Características de WooCommerce | Elementor Libre | Elementor Pro |
Widget de tabla de precios | ❌ | ✅ |
Widget de lista de precios | ❌ | ✅ |
Plantilla de archivo de productos | ❌ | ✅ |
Plantilla de un solo producto | ❌ | ✅ |
Widget de productos Woo | ❌ | ✅ |
Widget de categorías Woo | ❌ | ✅ |
Plantillas y bloques WooCommerce | ❌ | ✅ |
20+ Widgets WooCommerce | ❌ | ✅ |
WooCommerce, Astra y Elementor: mejor juntos
Una tienda online de éxito requiere una plataforma completa en la que basarse. Para crear una tienda online en WordPress, WooCommerce es la mejor.
Es una plataforma de comercio electrónico muy popular que se integra perfectamente con WordPress y otros plugins y temas. Y lo mejor es que WooCommerce es de código abierto y completamente gratis.
Cuando combinas WooCommerce con Elementor y Astra, tienes una tienda online altamente optimizada para convertir y mejorar las ventas.
Por no hablar de la experiencia de compra.
Ahora te toca a ti. ¿Has creado una tienda WooCommerce utilizando Elementor y el tema Astra? ¿O has utilizado un constructor de páginas y un tema de WordPress diferentes? Háznoslo saber.
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Pingback: Cómo elegir un tema de WordPress en 2018: La lista de comprobación definitiva
Elementor es mejor Page Builder , gracias por increíble tema 🙂 .
Tengo licencias Agemcy. Construyo tienda ahora en Shopify, pero estaba pensando en cambiar a WC y Elementor. No he tenido la oportunidad de mirar más de cerca. Sé que WC necesita muchos add-one para trabajar bien. No es gratis como la gente piensa. Sin embargo, creo que en mi caso puedo crear una tienda totalmente funcional sin necesidad de plugins adicionales de pago. ¿Puede confirmar por favor. Thank you.
Hola,
La necesidad de plugins depende completamente de las características y funcionalidades que desee incluir en su sitio web. Si quieres crear una tienda de comercio electrónico sencilla, también puedes hacerlo con recursos gratuitos.
De hecho, eche un vistazo a la plantillas de sitios web de comercio electrónico listas para usar que ofrecemos. Los que no tienen la etiqueta Agencia se pueden importar y utilizar de forma gratuita, ya que están construidos con recursos 100% FREE 🙂 .
¿Es posible integrar Shopify con una plantilla Astra en WordPress?
No hemos probado cómo funciona Astra con Shopify WordPress plugin.
hola, ¿cómo puedo añadir enlaces a redes sociales y opciones de suscripción a mi sitio?
Puedes añadir enlaces a redes sociales con Widgets Astra plugin. No estoy seguro de haber entendido lo que quiere decir con añadir una suscripción. ¿Te refieres al formulario de suscripción que puede añadir un usuario como suscriptor? Si es así puede utilizar los formularios de suscripción proporcionados por cualquier constructor de página o plugin. En caso de que necesite una solución avanzada que puede ir para Convertir Pro.
Hola, mi widget woocommerce no se puede encontrar en mi constructor de páginas elementor. Hay algún ajuste que me estoy perdiendo?
Gracias.
Hola Amanda,
El widget WooCommerce viene en Elementor Pro. Puede comprobar si tiene la versión Pro?
Hola
Estoy usando el tema gratuito Astra, el plugin gratuito Elementor y Woocommerce gratuito también.
Lamentablemente, empecé a configurar el sitio Astra con Elementor mucho antes de instalar WooCommerce. Uso mi propio diseño. Ya que decís que los pasos son precisamente al revés, (primero instalar y configurar WooCommerce, luego configurar el sitio con vuestras plantillas gratuitas... ¿hay algo que pueda hacer para no tener que empezar de cero? 🙁.
Además, me he dado cuenta de que en cuanto he activado WooCommerce (teniendo Astra y Elementor activos previamente), las páginas no se ven como las diseñé. Si desactivo WooCommerce, todo se ve bien.
Gracias de antemano por su respuesta
Esther
Hola Esther,
Si aún no lo ha hecho, por favor, abra un ticket en nuestro centro de asistenciapara que podamos echar un vistazo más de cerca para ver cómo están las cosas y ayudarte mejor?
Hola,
Me encuentro con un problema. No puedo ver los widgets ni puedo vincular los formularios de registro a Mailchimp. ¿Puede solucionarlo?
Hola Simran,
Necesitaremos más detalles al respecto.
Por favor, abra un ticket en nuestro centro de asistencia¿para que los miembros de nuestro equipo de desarrollo puedan investigarlo y ayudar?
¡Hola Equipo Astra !
Estoy planeando comprar Astra Pro para un sitio de comercio electrónico. Es la primera vez que diseño un sitio de comercio electrónico con opciones de pago con tarjeta. ¿Su equipo ayuda a integrar woo-commerce y otros requisitos?
Hola Abdul, lo sentimos nuestra política de apoyo no nos permite en la ayuda con la integración de WooCommerce y otros requisitos. La mayoría de las configuraciones se han cubierto en nuestra base de conocimientos que se puede hacer referencia a aquí.
¿Está Elementor Pro incluido en Essential Toolkit y Business Toolkit de Astra.
Y podemos integrar las pasarelas de pago de la India en las tiendas de comercio electrónico de la India. Por favor, guía.
Hola Ghulam, Elementor Pro es un plugin de otra empresa, por lo que no está incluido en nuestros planes. Estamos trabajando en Plugins de pagoActualmente soportamos Google Pay, si es posible soportaremos otras pasarelas de pago.