Cómo crear una página de pago de WooCommerce usando Elementor

Cómo crear una página de pago de WooCommerce con Elementor en unos 5 minutos

Ahora que ha instalado y activado todos los complementos mencionados anteriormente, es hora de crear su página de pago de WooCommerce. Sin embargo, antes de que pueda hacer eso, debe configurar su tienda WooCommerce con Elementor si aún no lo ha hecho.

Una vez que haya configurado su tienda WooCommerce, siga estos pasos para crear una página de pago de WooCommerce usando Elementor y EA Woo Checkout .

Paso 1: Asigne una nueva página como su página de pago de WooCommerce

El complemento WooCommerce viene con una página de pago predeterminada. Sin embargo, para diseñar su propia página de pago hermosa con EA Woo Checkout , deberá reemplazar la página de pago predeterminada con otra página suya.

Para hacer esto, cree una nueva página desde su panel de WordPress. A continuación, vaya a WooCommerce -> Configuración y haga clic en la pestaña "Avanzado". Desde aquí, puede asignar la página deseada como su página de pago. Simplemente haga clic en la opción de la página de Pago y elija cualquiera de las páginas del menú desplegable como su página de Pago de WooCommerce.

Paso 2: activa EA Woo Checkout

A continuación, tienes que activar el elemento EA Woo Checkout . Para hacer esto, debe editar su página de pago de WooCommerce usando el Editor de Elementor. Busque el elemento 'EA Woo Checkout' en la opción 'Buscar' en la pestaña 'ELEMENTOS'.

Ahora todo lo que tiene que hacer es arrastrar y soltar el elemento 'Woo Checkout' en la sección 'Arrastrar widget aquí' o '+'.

Una vez que arrastre y suelte el elemento en cualquier sección de su página, este es el diseño predeterminado que verá.

Paso 3: edite el contenido de su página de pago de Woo

Ahora que ha activado con éxito el elemento EA Woo Checkout , puede comenzar a editar el contenido de su página de Woo Checkout para que sea más adecuado para su tienda WooCommerce.

En la pestaña "Contenido", verá varias opciones, como Configuración general, Detalles del pedido y otras. Puede configurar estos ajustes para personalizar el contenido de su página de Woo Checkout como desee.

Puede encontrar más detalles sobre cómo configurar los ajustes de contenido de EA Woo Checkout en nuestra página de documentación.

Si tiene la versión pro de Essential Addons , puede elegir entre dos diseños más: el diseño de varios pasos y el diseño dividido.

El diseño de pasos múltiples y el diseño dividido vienen con algunas opciones de estilo adicionales para que su página de Woo Checkout realmente se destaque. Puede leer más sobre cómo funcionan en nuestra documentación.

Paso 4: Dale estilo a tu página de pago de Woo

Cuando haya terminado de editar el contenido de su página de Woo Checkout, es hora de comenzar a diseñarlo para que se vea más atractivo para sus clientes.

Hay toneladas de opciones disponibles para diseñar su página de pago de Woo de la forma que desee. Simplemente haga clic en la pestaña 'Estilo' para personalizar diferentes áreas de su página. Verá muchas opciones diferentes como 'Título de la sección', 'Detalles del pedido', 'Iniciar sesión', 'Cupón' y más.

Modifique y pruebe todas las opciones, o visite nuestra página de documentación para descubrir cómo diseñar EA Woo Checkout . Con solo unos pocos clics, podrá cambiar los colores, la tipografía y mucho más para que su página de pago de Woo se destaque para los clientes.

Paso 5: guarde sus cambios y vea el resultado final

Si ha terminado de diseñar su página de pago de Woo, asegúrese de guardar los cambios. Puede obtener una vista previa del resultado final antes de publicar su página.