Cómo construir una tienda alimentada con Elementor y Astra WooCommerce [2022]

Establecer una nueva tienda de comercio electrónico puede ser una tarea abrumadora para un principiante. Especialmente si no es un desarrollador, configurar una tienda electrónica en línea puede ser un desafío. Sin embargo, si sigue nuestro tutorial de paso por paso para configurar una tienda profesional Astra WooCommerce, puede crear fácilmente su tienda lo antes posible. Lea también: -21 WooMoCommerce Woomocres Plugs que necesita para su tienda-Atra-este tema popular también es adecuado para WooCommerce? ¿Qué herramientas se utilizarán para crear su tienda de comercio electrónico? Necesitará solo tres herramientas: Plugin WoCommerce, Astra Theme y Elementor Builder.
WooCommerce: – Instale la última versión de WoCommerce en el depósito de WordPress.
Tema Astra:- Astra Theme es un rico tema en funciones, muy personalizable y fácil. Astra tiene una integración perfecta con casi todas las páginas famosas y especialmente con el generador de páginas.
Elementor:- Elementor es una solución ideal para los usuarios que no tienen habilidades de codificación previas. Y pueden diseñar todo su sitio web, como Acerca de nosotros, la página inicial, el catálogo de productos y las páginas de pago como una brisa.
Mostrar contenido
¿Cómo construir una tienda de WooCommerce usando Astra y Elementor Builder Temer?
Paso 1: Instale el tema de WordPress Astra.
Paso 2: Importe su sitio Astra Demo Starter
Paso 3: Use la personalización nativa para WordPress
Configuración básica de WooCommerce
¿Cómo usar Elementor Page Builder para personalizar las páginas de sus tiendas?
The El Elementor Story y Astra WooCommerce – A la voluntad de nuestro trabajo:
¿Cómo construir una tienda de WooCommerce usando Astra y Elementor Builder Temer?
Astra es uno de los temas de WordPress más recomendados que son ideales para cualquier tipo de sitio web, blog personal o sitio de comercio electrónico. Astra se destaca para otros temas de WordPress porque es el tema fácil, rápido y flexible. Además, Astra está llena de una vasta biblioteca de sitios web listos, con opciones profundamente personalizables. Es perfectamente compatible con El Elementor Page Builder y le ayuda a diseñar varias páginas de su sitio con la combinación perfecta de Elementor y Astra. Echemos un vistazo rápido a algunas de las características excepcionales del tema Astra que se destaca para otros temas.

Compatible con casi todas las páginas famosas, como Elementor, Beaver Builder, Brizy, etc.
Fácil y rápido, por lo que su sitio se cargará a una velocidad de rayo.
Diseño moderno y elegante.
Los aspectos receptivos encajan perfectamente en cualquier tamaño de pantalla.
Biblioteca masiva de plantillas preparadas, con funciones personalizables.
Admite WooCommerce y viene con plantillas de WooCommerce de Elementor gratuitas; Listo para importar con configuraciones personalizables.
Si es un principiante e intenta construir un blog personal o cualquier sitio web comercial, entonces la versión Astra gratuita sería suficiente para usted, ya que Elementor Pro puede cubrir muchos aspectos para usted. Sin embargo, si necesita comenzar un sitio de comercio electrónico con Funciones personalizadas o tener más sitios web, luego le recomiendo que obtenga la versión Astra Pro y Elementor Builder Pro. La versión Astra Pro acepta un número ilimitado de sitios web y permite varias funciones de estilo con un control significativo. Pro DO se enfoca exclusivamente en las características de WooCommerce y ofrece plantillas de inicio prefabricadas para diferentes tiendas de WooCommerce. Puede importar cualquiera de las plantillas y comenzar la tienda de inmediato. O también puede personalizar las funciones de WooCommerce de acuerdo con sus necesidades comerciales específicas. Comencemos con nuestro tutorial. Supongo que ya ha previsto la última versión de WoCommerce. El siguiente paso sería la instalación del tema Astra y el generador de páginas Elementor. Paso 1: Instale el tema de WordPress Astra. Una vez que haya instalado la última versión de WooCommerce, el siguiente paso es instalar Astra en wordpress.org.
Abra el tablero y el acceso: –

Apariciones -> temas -> Agregar nueva -> búsqueda “Astra” -> Haga clic en el tema Astra e instale y active. Paso 2: importe su sitio de inicio de demostración Astra después de instalar el tema Astra y el complemento de inicio, puede importar cualquier sitio demostrativo en los sitios Astra para iniciar su sitio. Una vez que haga clic en la opción Sitios Astra, deberá seleccionar qué generador de página desea Para usar para ayudar a personalizar el aspecto de su sitio. Vaya a Elementor Page Builder. Puede elegir cualquier sitio demostrativo de varias plantillas de comercio electrónico. La mayoría de las plantillas son gratuitas; Sin embargo, esos sitios de demostración que están etiquetados con “agencia” vienen con el paquete de agencia premium que forma parte del complemento del sitio premium. Puede seleccionar cualquiera de ellos que se adapte a las necesidades de su negocio. Trabajaremos con la tienda de la marca.
Puede obtener una vista previa haciendo clic en cualquiera de los sitios de demostración deseados antes de usarlo. Al obtener una vista previa del sitio demostrativo, verá una opción “Instalar el complemento” que es para la instalación del complemento elemental. Por lo tanto, deberá instalar el complemento elemental antes de ir más allá.

Una vez que haya terminado con el procedimiento de instalación del complemento, aparecerá otro sitio web. Entonces, si decide descargar el sitio de demostración, tenga en cuenta que el sitio de demostración reemplazará todas las configuraciones de diseño de su sitio actual. Por lo tanto, si es conveniente reemplazar los modelos más antiguos, continúe y haga clic en la opción “Importar sitio”. Todos los datos necesarios se descargarán de inmediato y puede personalizar la configuración del sitio como sea necesario.

Paso 3: Use la personalización nativa para el tema de WordPress Astra viene con una personalización de personalización fácil de usar personalizar para personalizar el aspecto de su sitio. Esta opción es especialmente para aquellos usuarios que no tienen conocimiento de codificación previo. Y podrán cambiar diferentes aspectos del sitio de comercio electrónico, mientras que podrán obtener una vista previa de los cambios en tiempo real. Para personalizar el aspecto de su sitio, vaya a la apariencia -> Personalización desde el menú del tablero. Tendrá acceso a cualquier aspecto de su tienda WooCommerce, es decir, listas de productos, configuración de carritos de compras, imágenes de productos y muchas otras configuraciones, como fuentes, colores, logotipos, imágenes y más. áreas de ajuste. Encontrará tres áreas personalizables en; Apariencia -> WooCommerce. Almacenar:- Esta área de configuración le permite personalizar la página de catálogo de productos de la tienda aquí puede editar


¿Cuántos productos desea mostrar en la página de la tienda?

Descripciones de productos.
Cuántas columnas de productos se deben mostrar; 2 columnas, tres columnas o cuatro columnas, dependiendo de su elección.
Muestre un solo producto:- Si desea mostrar un solo producto en la página, esta sección lo ayudará a mostrar el producto y deshabilitar las migas de pan.
La página del carrito de compras:- Esta configuración de página lo ayudará a aumentar su venta en la página del carrito de compras, mostrando los productos específicos que otros clientes compran. Por lo tanto, disfrutará de una venta adicional en su página de carretas con la venta de muchos otros productos similares. Además de configurar la pantalla del producto, también puede personalizar el área de apariencia de la pantalla del producto. Por lo tanto, puede personalizar el ancho de los productos mostrados y también la ubicación de la barra lateral.
Se puede acceder a otras configuraciones generales de WooCommerce desde la barra lateral principal de la personalización de WordPress haciendo clic en la opción WooCommerce. ¿Dónde puedes controlar estas opciones?
Notificación de la tienda:- Puede seleccionar un texto que se mostrará en cada una de las páginas de su sitio. Estas notificaciones pueden ser sobre la promoción de venta futura o cualquier lanzamiento de productos nuevos en los próximos días o lo que desee para mostrar su catálogo público de productos :- Con esta opción, puede seleccionar cualquier texto o información que desee mostrar en las páginas de categoría de producto de las imágenes del producto:- Puede controlar el tamaño de la imagen que se mantendrá en su sitio web. ¿Cómo usar Elementor Page Builder para personalizar las páginas de sus tiendas? El personalizador nativo de WordPress puede ayudar a personalizar sus páginas de productos, visualización de productos, menú de barra lateral y otras configuraciones básicas de WooCommerce. Sin embargo, cuando se trata de la configuración de la página de inicio y sobre nosotros, necesitará un constructor de páginas Elementor. El elemento del generador de páginas es útil en:-
Cambiar el tamaño del texto, títulos e imágenes.
Las imágenes de la página se pueden mover en cualquier lugar utilizando la opción Drag n Drop. Agregue nuevos elementos de diseño o edite un elemento existente.

Haga clic en Editar con Elementor. Si desea escribir el título, simplemente puede hacer clic y cambiar el texto como desee. Puede mover otros artículos y colocarlos en cualquier lugar. O puede agregar cualquier otro elemento. De la misma manera, puede editar cualquier otra página con Elementor Page Builder. The Story Elementor y Astra WooCommerce: la combinación de trío de WordPress, Astra y Elementor puede crear un sitio web de WooCommerce de siguiente nivel lo antes posible, sin usar ningún código. Crear un sitio web de WooCommerce es fácil y no debe pasar por ningún procedimiento complicado.

Instale la última versión de WordPress y configure el complemento WooCommerce.
Instale el tema Astra e importe su sitio demostrativo Astra favorito.
Personalice la configuración esencial de la tienda de comercio electrónico, es decir, el catálogo de productos y las imágenes con el Native Customizer WordPress.
Edite las páginas principales del sitio web, como la página inicial, la página sobre nosotros, con el elemento del generador de ayuda.
Eso es todo. Su tienda profesional profesional de WordPress Professional está lista para pasar.