Cómo editar la página de canasta de WooCommerce con Elementor

WooCommerce es un excelente complemento de WordPress de código abierto para crear una tienda en línea funcional en el menor tiempo. Agregue automáticamente muchas páginas esenciales del comercio electrónico, incluido un carrito de compras al instalar el complemento. Pero no puede esperar una mayor conversión de esta página de canasta predeterminada. Debido a que no parece muy profesional, no tiene suficiente optimización de SEO y no puede proporcionar mejores experiencias para los usuarios. Por lo tanto, es una necesidad personalizar las páginas predeterminadas de la canasta. Este artículo le dirá cómo editar la página de cesta de WooCommerce en Elementor sin ninguna codificación o conocimiento técnico. También aprenderá cómo agregar una mini canasta a su sitio utilizando la misma solución.
Cómo una página personalizada de canasta de WooCommerce traerá beneficios a su negocio

La página de canasta de WooCommerce juega un papel importante en el viaje de compra en línea. Permite a los compradores ver su lista de pedidos, modificar la cantidad del pedido, agregar productos a la lista de deseos, aplicar códigos promocionales y, finalmente, para realizar la compra. En este momento, más de 4 millones de sitios web utilizan activamente WooCommerce para llevar a cabo su comercio electrónico. ¿Te imaginas lo aburrido para los clientes si cada uno de ellos usa las mismas páginas predeterminadas?
Además, la aparición de una páginas de canasta depende en gran medida de su tema. Si elige un tema que usan muchos otros sitios web, entonces la mayoría de ustedes puede tener un aspecto similar a la optimización. ¿Crees que estos gatos son suficientes para convencer a un cliente? Además, utilizando solo el complemento de WooCommerce, no puede optimizar muchos módulos y funciones interesantes del comercio electrónico. Tales como vender cruzado, código promocional, oferta especial, etc. Esta es también una razón clave detrás de la alta tasa de abandono de la canasta. Según LESEKNOT, las populares marcas de comercio electrónico pierden alrededor de $ 18 mil millones en ingresos por año debido al abandono de la canasta. Por lo tanto, hoy en día, es una necesidad editar la página de la canasta de WooCommerce para hacer un sitio más distinguido, para garantizar una mejor experiencia del cliente. Por qué la codificación no es una buena idea crear una página personalizada de WooCommerce
Por lo general, HTML y CSS se utilizan para editar las páginas del sitio. Pero es efectivo solo para aquellos que tienen habilidades de codificación profesional. Pero debido a que usa la solución de código abierto, podemos considerar que no es un programador profesional.

Si esto es cierto, hay varias razones por las que debe evitar la codificación para editar la página de la canasta. P.ej:
Si no está lo suficientemente calificado, la codificación inadecuada puede causar más daños en su sitio.
Si su codificación no está optimizada correctamente, su sitio web se puede bloquear o ralentizar.
Contratar profesionales para codificar su página de carrito podría ser un proyecto costoso.
¿Tiene que actualizar la codificación web cada vez que se actualizan los temas y el complemento? Ahora, ¿podría preguntarse si hay alguna solución alternativa? Sí, usando creadores de páginas de arrastrar y soltar, cualquiera puede crear o personalizar sus páginas de canasta, independientemente del conocimiento de codificación. Incluso los desarrolladores experimentados también pueden usar un complemento de creación de sitios web para proporcionar servicios rápidos a sus clientes.
Felices complementos alimentados por Elementor es un generador de páginas dinámico. En la siguiente sección, le mostraremos cómo editar la página de cesta de WooCommerce y agregar una mini canasta usando este complemento. Continúa leyendo. Recursos similares: códigos cortos de WooCommerce esenciales para personalizar su tienda en línea en WordPress. Cómo editar la página de cesta de WooCommerce con Elementor con más de 200,000 instalaciones activas, Happy Addons es uno de los mejores suplementos Elementor. Tiene más de 98 widgets potentes y muchas funciones interesantes en las que puede crear o personalizar cualquier página web.
Usando el widget “WooCommerce Coș”, puede dar un aspecto creativo a la página de la canasta. Aquí, te mostraremos cómo hacerlo. Requisitos preliminares Para editar la página del carrito de WooCommerce, debe asegurarse de los siguientes requisitos para activar el widget de carrito de WooCommerce:
WooCommerce
elemento
Complementos felices gratis
Feliz Addons Pro
Así es como se instala Happy Addons Pro con una licencia. Inmediatamente después de instalar y activar todos los complementos, comience a seguir los pasos a continuación:
Paso 01: Abra la página de Canvas Elementer
Paso 02: Tire y coloque el carrito WC de la galería de widgets de Elementor
Paso 03: Habilitar cupón y ventas cruzadas
Paso 04: Actualice el contenido de la tabla en la sección Stilpas 05: Haga la tabla más receptiva en la sección avanzada
Paso 01: abra la página de Canvas Elementor primero, ingrese a la junta de administración de su sitio.
Obtendrá una página blanca con un botón de edición con Elementor. Haga clic en el botón.
Te llevará a una nueva página de tela primaria. En el lado izquierdo, obtendrá un galato de widget de elementor. También tirará de los widgets en el lado derecho sobre el área seleccionada.
Aquí agregará el widget de carrito de WooCommerce y creará su página de carrito. Paso 02: Tire y coloque el carrito WC del tipo de galería de elementos widget “coș wooCommerce” en la barra de búsqueda. Recibirá el icono WC Coș. Tire y colóquelo sobre el área seleccionada.

Nota: No se sienta molesto si no encuentra su logotipo web, categorías de productos y formulario de búsqueda en la parte superior de su pantalla. Agregamos estos elementos a la foto de arriba solo para embellecer el lienzo.

Paso 03: active el cupón y las ventas cruzadas ahora, desde el contenido> General, puede ocultar o mostrar el campo de cupón y vender en la página del carrito.

Paso 04: Actualice el contenido de la tabla en la sección de estilo Acceda a la sección “Sty”. Aquí, encontrará siete opciones más para diseñar su canasta. Son:

La mesa del tranvía
Cupón

El botón Actualizar COș
Canasta de Totales: título
Totales Canasta: mesa
El botón de pago
Ventas cruzadas
Actualice la tabla de canasta Haga clic en la tabla del carrito. Tendrá muchas opciones para editar el contenido de la mesa de la canasta. Estas son la tabla, el cabezal de la tabla, la imagen del cochecito, la entrada de calidad, la eliminación del producto y la actualización de la fila del automóvil. Desde la opción de la tabla, cambia el color del texto y el fondo. Aquí, en la foto, configuré el color blanco para texto y negro para el fondo.
Aplique el código de cupón desde la opción de cupón, puede editar la altura de entrada, el revestimiento, el tipo de borde, el rayo del borde, la sombra de la caja, el color del texto y el color del fondo.
Al ir un poco hacia abajo, encontrará opciones para editar el botón Aplicar de cupón. Nuevamente, configuré el color blanco para texto y negro para el fondo.

El botón “Actualizar COș” le permitirá personalizar la impresión, el ancho, el margen, el tipo de borde, el rayo de borde, el forro, el color de fondo, el color de texto y el tono de caja.

Una vez más, configuré el color blanco para el texto del botón de actualización y el negro para el fondo.

Canasta total: Título ahora, ven a la opción “Total Coș: Título”. Aquí, puede personalizar el color, la tipografía y el espacio de la canasta.

Canasta de Totales: Tabla Desde aquí, puede personalizar la tabla, el texto de la tabla y los títulos de la tabla. También puede cambiar el color de fondo, el tipo de borde, el rayo del borde, la sombra de la caja, la tipografía y el color. Establecí el color de cenizas en el fondo total del carrito.

El botón de pago en el “Botón de comando de comando”, puede agregar más estilo en impresión, ancho, margen, tipo de borde, rayo de borde, relleno, color de fondo, color de texto y sombra de caja.

Aquí, establecemos el color azul para el fondo del botón Continuar al final del pago. Finalmente, las ventas cruzadas, si ha integrado la opción de venta cruzada, puede personalizar el título, el precio, el botón y la insignia de ventas en esta opción .

Paso 05: Haga la tabla más receptiva en la sección avanzada, sin embargo, puede continuar personalizando su página de carrito en la opción avanzada. A partir de ahí, puede personalizar los antecedentes de la página de la canasta, puede agregar efectos felices, puede hacerlo más receptivo para los usuarios.

Ahora, tengamos una vista previa final de su nueva página editada de WooCommerce.

Por lo tanto, puede completar la creación de una nueva página de canasta para su sitio de comercio electrónico. Cómo agregar una mini canasta al sitio web de WooCommerce con Elementor A Mini Basket contiene el resumen de los productos que los clientes han agregado al carrito de compras. Por lo general, se muestra como un ícono de tranvía de compras en sitios comerciales electrónicos. Cada vez que un usuario coloca el cursor en el icono, abre una ventana emergente que contiene un breve resumen de los productos. Permite a los clientes agregar más cantidades o eliminar un artículo sin abrir la página del carrito de compras.

Usando el widget de mini carrito, puede agregar un carrito de compras a su sitio web. Requisitos preliminares para agregar una mini canasta al sitio web de WooCommerce

WooCommerce

elemento

Complementos felices


Feliz Addons Pro

Debido a que editó la página del carrito hace poco tiempo, esperamos que su sitio ya cumpla con los requisitos anteriores. Entonces, comience de inmediato a seguir los pasos a continuación –
Paso 01: Agregue una nueva sección a su lienzo de elementor
Paso 02: Tire y coloque el mini carrito de la Galería de Widgetpasul de Elementor 03: Actualice el icono y la mini canasta en la sección de contenido
Paso 04: cambia el estilo emergente
Paso 05: Actualice su cuerpo de mini portadores en la sección de estilo
Paso 01: Agregue una nueva sección a su lienzo. Elementor Haga clic en el icono Agregue una sección en la parte superior de la tabla de canasta. Agregará una nueva área de su lienzo.
Paso 02: Tire y coloque el mini carro de la galería de widgets Elementor Entre en el mini carro en la barra de la barra izquierda. Te mostrará el icono del mini carro. Tire y colóquelo en el área recién agregada.
Paso 03: actualice el icono y la posición de la mini cesta en la sección de contenido de contenido> Mini Basket, puede cambiar el logotipo, hacer la alineación y cambiar la posición. Aquí, hice la alineación correcta.
Paso 04: Cambiar el estilo emergente en los mercados populares, una ventana emergente está específicamente integrada con Mini Cart. Cuando alguien toma su cursor o hace clic en el icono COș, aparece una ventana emergente automáticamente en su pantalla. Puede elegir entre hacer clic o pasar la pantalla de la pantalla “PopUp Coș”. Aquí, seleccionamos la opción de desplazamiento.
Ahora, pasando el cursor en el icono de mini carro, mostrará la ventana emergente justo en la pantalla.
Nota: A veces, debido a un conflicto con Elementor, la ventana emergente del mini carro puede no aparecer en la parte posterior. No se preocupe, vaya a la vista previa y verifique. Paso 05: Actualice su mini cuerpo de construcción en la sección de estilo en la sección de estilo, obtendrá seis opciones más para personalizar su mini canasta. Son
Mini carro

PopUp: – Cuerpo

PopUp: – encabezado

PopUp:- Artículo

PopUp: – Subtotal

PopUp: – Botón
Desde el estilo> mini canasta, puede personalizar el tamaño del icono, el color del texto, el color del fondo, el borde, la tipografía y muchas más. Por ejemplo, aquí configuré el color rojo para el mini carro. Bueno, puede verificar las otras opciones y puede completar la personalización del mini carro. Sin embargo, enfrenta cualquier problema, encontrará la mayor cantidad de respuestas en esta documentación. Además, puede hacernos saber su problema por comentario. Ahora, conoce todos los pasos para personalizar la página de la canasta de WooCommerce de una manera simple pero eficiente. Consejos de bonificación: cómo reducir la tasa de abandono del carrito de WooCommerce
Cuando los clientes agregan productos a la canasta, pero no completen el pedido, se llama abandonar la canasta. Hasta hoy, la tasa de abandono promedio de la canasta en todas las industrias de comercio electrónico es del 65.23%. Este es un gran dolor de cabeza para cualquier propietario de Electronic Commerce hoy. Después de algunos enfoques probados y probados, puede traer un cambio masivo en la tasa de abandono de su carro con un margen justo. Vamos a cubrirlos a continuación:
1. No mantenga los costos ocultos que los costos ocultos son la razón número uno para el abandono excesivo de la canasta. El Baymard Institute revela en la investigación que el 55% de los clientes potenciales dejan las páginas de pago inacabadas una vez que encuentran costos adicionales allí. Por lo tanto, tenga claro el costo total de cada producto, incluido el costo de compra, las tarifas de envasado, los impuestos y otros en la descripción del producto. 2. Ofrezca más opciones de pago si no integra más métodos de pago, esto puede acortar la cantidad de clientes potenciales. Hoy, hay numerosos sistemas de pago en el mercado. Por lo tanto, los clientes no solo están en manos del sistema de tarjetas de débito y crédito. Por lo tanto, debe permitir la billetera digital, la transferencia bancaria, la tarjeta prepaga, la entrega y otras opciones de pago, si es posible. 3. Ofrezca más opciones de entrega, la entrega lenta hace que la canasta abandone con el 19% en el mundo del comercio electrónico. Los clientes siempre desean la entrega más rápida al costo más bajo posible. Pero hay muchos productos cuyas tarifas de transporte aumentan notables si se entregan rápidamente. Por lo tanto, debe permitir más opciones de entrega. Permitirá a los clientes elegir la mejor opción de mensajería que coincida con su tiempo y accesibilidad. Recursos relacionados: más de 10 formas efectivas de reducir el abandono del carrito de compras y redirigir a los clientes perdidos. 4. Use los botones Clear Llamado a Action (CTA). Los botones de CTA Clare pueden crear emergencia, un fuerte compromiso y activar a los clientes emocionalmente. Pero muchos sitios comerciales electrónicos no sopesan este valor. Algunos botones CTA más populares son: comprar ahora
Completa mi compra
Tómalo hoy
Obtener mi descuento

Capitalizar mi cupón

Entonces, debes aprender a hacer que los botones CTA sean tan fuertes y usarlos en qué situaciones. 5. Recuerde a los clientes sobre el contenido de su carrito Hay muchos clientes a los que les gusta agregar productos a su carrito, pero olviden verlos más tarde. En este caso, puede enviar correos electrónicos posteriores a los clientes, incluido un breve resumen de los productos, después de intervalos regulares. Los hará repensar en los artículos si comprar o no. 6. Cree emergencia para atrapar sus productos La urgencia puede empujar a los clientes a completar sus pedidos lo antes posible. Pero para crear tal situación, debe darles un valor agregado. Tales como descuentos, envío gratis, entrega de 2 días, artículo gratuito, etc. Algunos niños de anuncios de alta conversión para crear emergencia son:

No te pierdas
Ventas para liquidar acciones
Última oportunidad
¡Venta exclusiva al día!
Stock limitado
El marketing por correo electrónico también es una excelente manera de difundir la emergencia en el mercado. Aprenda a escribir temas y descripciones atractivas para correos electrónicos. 7. Asegúrese de que su política de devolución y reembolso hoy en día, los clientes son más meticulosos al elegir plataformas en línea para comprar. Cada año, el 11% de los usuarios en línea renuncian a sitios comerciales electrónicos que no tienen una política clara de devolución y reembolso. Porque sin ellos, los clientes no pueden continuar comprando con confianza. Por lo tanto, para mantener el valor de su marca comercial, debe incluir sus políticas de devolución y reembolso en su sitio web. 8. Mantenga la página de pago fácil y simple Una vez que los clientes ingresen la página de finalización del pedido, está casi listo para completar el pedido. Entonces, ¿sería prudente confundirlos con demasiados campos de forma y complejidad? Según Semush, el 27% del abandono de la canasta es causado por procesos complicados de finalización del proceso. Por lo tanto, debe mantener la página de finalización del pedido muy simple. Solo pregunte la información más esencial, como las finales.
Dirección de Envío
Dirección de correo electrónico
Detalles del pago
Además, nunca solicite información personal o confidencial aquí.
Prepárese para editar la página de la Carta de WooCommerce hoy, más de 22 millones de sitios comerciales electrónicos funcionan en la web. La página de la canasta de WooCommerce hace un puente entre los detalles del producto y las páginas de compra. Cualquier más mínimo error o dificultad en la página puede hacer que los clientes se muden a otro lugar. Nunca antes era tan fácil editar la página de la canasta de WooCommerce. Pero hoy, esto se puede hacer sin el conocimiento de la codificación o la contratación de un profesional. La fórmula de deslizamiento y colocación ha hecho el trabajo tan fácil que puede probarlo incluso para usted. Además de editar la canasta de WooCommerce, este artículo también ha tratado cómo agregar una mini canasta a su sitio web. Si ha encontrado este elemento útil, suscríbase a nosotros para obtener un contenido más interesante. ¿Todavía tiene alguna pregunta sobre la página personalizada del carrito de WooCommerce? ¡Comparta sus opiniones en la sección de comentarios a continuación! Suscríbase a nuestro boletín. Obtenga las últimas noticias y actualizaciones sobre Elementor