Cómo usar Beaver Builder para construir productos y páginas de compras de WooCommerce

Construir una tienda en línea puede ser una empresa interesante. Su escaparate es una parte importante de su marca y puede contribuir al éxito de su negocio. Sin embargo, puede tener dificultades cuando se trata de diseñar una tienda eficiente. El uso de un generador de páginas de WooCommerce puede ayudarlo a crear un sitio de comercio electrónico que esté satisfecho con usted y los clientes. En esta guía, presentaremos su complemento de WooCommerce. Luego le mostraremos cómo usar Beaver Builder para crear rápida y fácilmente su caso en línea. ¡Vamos a empezar! Una breve introducción a WooCommerce si usa WordPress para su tienda en línea, WooCommerce es un excelente complemento para agregar una función de comercio electrónico que necesita para vender productos en su sitio web:

También se encontrará en una buena compañía, porque WooCommerce representa un poco más del 28% de la cuota de mercado de la plataforma de comercio electrónico en 2020. Al igual que WordPress, WooCommerce es de código abierto y muy personalizable. Incluye todo lo que necesita para comenzar su imperio comercial electrónico, incluida la funcionalidad para configurar la pasarela de pago y más opciones de envío. También puede usar WooCommerce para crear y editar sus productos y administrar todos sus pedidos:

Hay muchas otras funciones que puede aprovechar el uso de complementos para suplementos de WooCommerce. Entre estas características, tiene opciones como la configuración de precios avanzados, la pasarela de pago adicional y más.
Sin embargo, cómo usar Beaver Builder para crear productos y tiendas de WooCommerce (en 4 pasos), antes de que realmente pueda explorar la funcionalidad de WooCommerce, debe diseñar y construir su sitio web. Antes de comenzar, instale y active WooCommerce, Beaver Builder y Beaver Themer. Luego está listo para seguir las instrucciones a continuación para crear su producto y almacenar páginas. Paso 1: Agregue productos a su tienda El primer paso para configurar su tienda es crear listados para productos individuales. Con WooCommerce puede vender cualquier cosa, incluidos productos físicos, productos digitales y artículos con variaciones (como tamaño y color). Si es nuevo en WooCommerce y desea comprender cómo trabajar con diferentes tipos de productos físicos, puede instalar un Muestra de producto. Ofrecido por WooCommerce. Esto le da una idea de cómo funcionan las características de WooCommerce, incluidas las variaciones de productos y los artículos de ventas. Si desea comenzar con sus propios artículos, le presentaremos cómo crear un producto simple. El resto de las secciones en esta publicación funciona sin importar qué tipo de mercancía pretenda vender. Para crear un nuevo producto, comience desde la Junta de Administración de WordPress. En el menú izquierdo, explore los productos> Agregar nuevo. En esta pantalla, ingrese un título y una descripción para un artículo que desea incluir en su tienda:
Si se desplaza un poco hacia abajo, llegará al panel de datos del producto, donde puede establecer la mayoría de los parámetros importantes para su artículo, incluidos el precio, los impuestos y las opciones de entrega. Tenga en cuenta que los impuestos y las opciones de envío generalmente se establecen a nivel mundial en la configuración de WooCommerce, pero puede reemplazar estas opciones para productos individuales. En la configuración general, elija si su producto es virtual o descargable. Si se trata de un producto físico, deje los casetes: también puede comenzar con la gestión del inventario. Las opciones de productos conectadas conectan los productos, por lo que puede aprovechar las oportunidades para acumular ventas y vender.

Finalmente, en el panel de datos del producto, encontrará el campo de descripción breve del producto donde puede agregar una segunda descripción más corta de su artículo. Esto generalmente se muestra como parte del registro en su sitio de la pantalla, encontrará categorías de productos. y etiquetas. Puede usarlos para organizar sus artículos:

Luego agregue una imagen o dos a la lista de productos. Tiene la opción de agregar una sola imagen o galería:
Puede agregar la imagen del producto desde su biblioteca de medios o cargar una nueva foto desde su dispositivo. Agregar imágenes a la galería de productos funciona de la misma manera. Si desea reordinar las imágenes, simplemente puede deslizarse y colocarlas.

Paso 2: Cree nuevas páginas de productos y luego, puede crear páginas de productos para mostrar sus productos. Tenemos un video tutorial de paso por paso que muestra cómo puede usar Beaver Themer para personalizar sus páginas únicas de WooCommerce. Mire el video a continuación … Beaver Themer es una manera fuerte de expandir Beaver Builder en páginas completas de WooCommerce. Este suplemento lo ayuda a crear plantillas que puede aplicar a todo el sitio. De esta manera, puede asegurarse de que la página de exhibición, las páginas de productos y todo el sitio se vean coherentes. Accece Beaver Builder> Aspectos de tema> Agregar nuevo:

Dé un título a la aparición de su producto después de eso, seleccione la apariencia temática como tipo y singular como apariencia y haga clic en Agregar apariencia temática. En la página siguiente, asegúrese de que su nuevo diseño se aplique a cada página del producto. Desplácese hacia abajo hasta la ubicación, seleccione el primer producto, luego elija todos los productos en la segunda caja:
Guarde su trabajo y haga clic en Iniciar Beaver Builder para editar su aspecto. Puede comenzar haciendo clic en el letrero más azul en la esquina superior derecha y luego haciendo clic en plantillas:

Seleccione Producto> Reemplace el aspecto existente. Esto convierte su plantilla en una página de producto, con algunas configuraciones implícitas útiles ya existentes:

Una vez que tenga un aspecto básico, puede agregar o eliminar los módulos de WooCommerce de él. Para acceder a los módulos de WooCommerce, explore los módulos temáticos> WooCommerce. Tendrá opciones para evaluaciones de productos, descripciones, secciones de ventas adicionales y muchas más:


Puede usar la función de vista previa como: un constructor de castores para cambiar el producto que ve mientras edita el aspecto: esta característica le permite ver cómo se ve su nueva página al ver cada producto. Una vez que esté satisfecho con el diseño de la página del producto y los módulos en los que incluye, haga clic y publique para guardar su trabajo. Ahora el nuevo estilo de página se aplica a todas sus páginas de productos individuales.

Paso 3: Cree una página de la tienda WooCommerce una vez que tenga un aspecto asesino para sus productos de WooCommerce, es hora de dar el mismo tratamiento a la página de su tienda. Por defecto, WooCommerce utiliza un aspecto de tienda muy simple, que no es muy interesante:

Puede hacerlo mejor usando Beaver Themer para diseñar la página de su tienda. Primero, vaya a la configuración de WooCommerce>, haga clic en la pestaña del producto y asegúrese de que la página de la tienda indique la tienda o cualquier otra página que haya creado. Cualquier página que especifique aquí es tratada como una página de archivo por WoCommerce, lo que significa mostrar una colección de sus productos.

Para crear un nuevo aspecto, vuelva a la pestaña Beaver Builder> aspectos temáticos y haga clic en el nuevo ADD. En la siguiente pantalla, configure un nombre y seleccione un aspecto temático bajo el tipo:

Seleccione el archivo del producto debajo de la ubicación en la siguiente pantalla. Esto significa que la página de la tienda y las páginas de categorías de productos mostrarán todos los productos de su tienda. Puede cambiarla de acuerdo con sus necesidades.
Haga clic en Iniciar Beaver Builder para que pueda comenzar a personalizar su aspecto. En la página siguiente, haga clic en el signo más en la parte superior de la pantalla, luego haga clic en la pestaña Plantilla: la plantilla de producto funciona perfectamente para una nueva página de la tienda. Después de configurar la plantilla, puede cambiarla utilizando todas las herramientas e instrucciones que hemos cubierto hasta ahora. Le recomendamos que pase un tiempo cambiando la configuración de estilo de módulo de estilo posterior hasta que su tienda se ve coincidiendo con el resto de su tienda. Después de haber terminado, guarde sus cambios y haga clic en> Publicar la parte superior de la pantalla. Todo lo que queda por hacer ahora es verificar el menú de navegación en su sitio para asegurarse de que cualquier página que haya designado como página de la tienda esté allí. Si no, acceda a los menús de apariencia desde el tablero de WordPress y agréguelo. Paso 4: Personalice la página de su tienda con WooCommerce. Opciones siguientes:

Productos únicos y múltiples: Muestre productos seleccionados de acuerdo con el código de categoría de productos o productos o muestran productos de ventas, productos recientes, los productos más apreciados, etc.
Canasta: inserte lo que normalmente ve en la página de WooCommerce COS.

Finalización: inserte lo que normalmente ve en la página de compra.

Seguimiento -Ups: Inserte el formulario de seguimiento de pedidos. Mi cuenta: inserta el contenido que aparece normalmente en la página de mi cuenta, incluida la información de la cuenta, los comandos anteriores y los detalles sobre la dirección

Consulte el artículo del módulo de WooCommerce en nuestra base de conocimiento para obtener información y ejemplos detallados. Conclusión La creación de una elegante tienda en línea que refleja su marca puede ser un proyecto bastante grande. Sin embargo, con un generador de páginas de WooCommerce, como Beaver Builder, el proceso puede volverse mucho menos intimidante. En esta guía, le mostré cómo construir su escaparate en línea en cuatro pasos usando WooCommerce y Beaver Builder:
Agregue productos a su tienda.
Diseñe las nuevas páginas de productos.
Restaurar la página de la tienda WooCommerce.
Personalice aún más su sitio web de comercio electrónico con los aspectos de WooCommerce.
¿Tiene alguna pregunta sobre cómo crear productos y tiendas con Beaver Builder? ¡Hablemos de ellos en la sección de comentarios a continuación!