Cómo crear un Mini WooMoCommerce: 3 métodos

¿Busca una manera fácil de establecer un mini wooCommerce? Si su experiencia de compra es lenta y repetitiva, puede afectar la experiencia de compra del cliente. Mejorar el flujo del proceso de pago es una parte integral de mejorar las conversiones de sus clientes potenciales, y una mini canasta puede ser una excelente solución para ello. Entonces, para ayudarlo a agregar uno a su sitio, aquí hay una guía sobre cómo crear un Mini WooCommerce. Pero primero, echemos un vistazo a lo que es exactamente un mini carro y por qué podría necesitar usar uno.
¿Qué es un mini woocommerce? Su mini canasta de WooCommerce es solo una pequeña forma de su página de cesta real de WordPress. Contiene los productos agregados a la canasta junto con algunos detalles adicionales. El contenido del mini caso depende de su tema activo de WordPress, pero generalmente incluye:
Tu lista de productos
Total parcial
Las miniaturas de los productos
La cantidad del producto
Independientemente de los detalles que muestra su WooCommerce Coș Coș Mini, esta es una parte esencial de la experiencia de usuario de su cliente mientras navega en su tienda de WooCommerce. Es una herramienta accesible que sus clientes pueden usar para pasar a la página de compra directamente desde cualquier parte de su sitio y ayudarlo a realizar un seguimiento de los artículos del carrito.
Incluso usamos mini cochecito en Quadlayers. Si agrega un producto a la canasta, puede ver la mini canasta cruzando el cursor en el icono de la canasta en el menú del encabezado. Si mira la captura de pantalla a continuación, agregué el administrador de pago de WooCommerce en el carrito. También se muestra en la mini canasta junto con la cantidad y el subtotal.

¿Por qué crear una mini canasta para su sitio web de WooCommerce? Por defecto, su tema de WooCommerce puede encontrar su propio Mini WooCommerce. E incluso si sucede, es posible que su posición y estilo en sí no sean completamente personalizables desde la configuración del tema. Además, puede que no esté en el lugar perfecto para su mini ganador. Algunos de nuestros lectores podrían considerar agregar un mini carro flotante, mientras que otros podrían agregarlo a la barra lateral o al sótano. Hay varios enfoques posibles para los mini carros que le gustaría usar. Además, es posible que deba agregar más contenido a sus mini ganadores, como precios de envío, detalles adicionales del carrito, mensajes personalizados y más. La facilidad de comodidad al usar la canasta también puede ser importante para usted y sus clientes para mejorar sus ventas reales. Una finalización personalizada, preparada para las ventas que se ajustan perfectamente a la estética de su sitio, puede ser un jugador para su sitio web de WooCommerce. Entonces, si desea crear y agregar el mini-Cos personalizado en diferentes páginas de su sitio, ¡no busque!
Cómo crear una mini canasta Mini WooCommerce en WordPress para crear y agregar su mini canasta WooCommerce, puede usar 3 métodos diferentes:
Agregar un widget coș
Usando un complemento de WordPress
Programáticamente
Echemos un vistazo a cada método y pasos involucrados en todos estos, comenzando con el método predeterminado de WordPress Widgets. 1. Cree un Mini WooMoCommerce Mini Widgets WordPress predeterminado, puede crear mini cochecitos de WooCommerce utilizando WooCommerce Widget. Debido a que usamos un widget, solo se puede colocar en las áreas de widget disponibles. Las áreas más comunes incluyen: barra lateral de widgets
Debajo del encabezado
sótanos
Puede haber varias áreas de widgets dependiendo de su tema, pero asegúrese de usar uno de los temas compatibles con WooCommerce. 1.1. Seleccione el área del widget para agregar un carrito para la canasta, primero deberá seleccionar un área de widget. Así que abra el tablero de administración de WP y vaya a buscar> widgets. Luego elija el área del widget para su mini ganador para nuestra demostración, usaremos la barra lateral. Pero puede usar el área de widget que es el más conveniente.
1.2. Agregue el widget coș al área del widget después de seleccionar el área del widget para su mini caso, haga clic en el botón + para agregar el widget. Use la barra de búsqueda para buscar en el carrito y haga clic para agregar el widget.
Si no puede ver el widget, asegúrese de haber configurado WooCommerce correctamente en su sitio web. Aquí, también puede activar o deshabilitar la opción si la canasta está vacía. Le recomendamos que lo active porque su carrito en la barra lateral estará oculto si la canasta del cliente está vacía. Esto también hará que su sitio se vea más funcional.

Después de haber terminado de agregar el widget de COș, actualice los widgets para guardar los cambios. Ahora, el mini ganador en la barra lateral debería aparecer en la parte delantera. Por supuesto, también puede agregar su mini vaca en un área diferente de los widgets. Simplemente seleccione la ubicación de la página del widget y puede agregar fácilmente el widget debajo del encabezado o en el sótano.
Aunque esta es la forma más fácil de crear un Mini WoCommerce, viene con una gran cantidad de limitaciones. En primer lugar, no hay personalizaciones para su mini ganador. Usted está muy limitado en términos de cómo se ve su mini ganador y cómo los clientes acceden. Las posiciones del mini-carro se limitan a las áreas de widget que ofrecen su tema. Entonces, si desea un mini carro más personalizable, le recomendamos que continúe leyendo y considerando los siguientes métodos.

2. Cree una mini canasta de Mini WooCommerce utilizando un complemento de WordPress usando un complemento de WordPress es una de las formas más fáciles de organizar su experiencia. Puede asegurarse de que sus clientes puedan verificar fácilmente en cualquier momento, fácilmente, con la ayuda de complementos. Además, le permito simplificar la experiencia de pago de su sitio. Los complementos de mini-Cruuary proporcionan funciones ingeniosas para promover las ventas de sus productos y mejorar sus clientes potenciales. P.ej:

Puede activar los iconos emergentes y las ventanas para la canasta de colocación para el mini carro. Por lo tanto, sus clientes pueden acceder a ellos en cualquier momento, manteniendo el resto del contenido de la tienda limpia y distraída. Se pueden agregar muchos elementos y productos de canasta al mini portador. Por ejemplo, información adicional del producto, cambio de cantidad, edición subtotal y canasta total y muchos más.

Con complementos, puede agregar algunas funciones inteligentes, como agregar cupones directamente de la mini cesta, productos especiales dedicados y sugerencias de productos recomendados.
Por lo tanto, recomendamos calurosamente usar un complemento dedicado de WordPress para agregar y personalizar su mini canasta de WooCommerce.
Para nuestra demostración, usaremos el carrito de WooCommerce, todo en uno. Es uno de los mejores complementos para crear una mini canasta en su sitio. El complemento también es muy fácil de usar y tiene todas las características que necesita, como una mini canasta emergente, una barra lateral con barra lateral o personalización del carro de menú opciones.
También tenemos una lista de los mejores complementos para Mini WoCommerce. Si desea usar cualquier otro complemento, puede tirarlo. 2.1. Instale y active el complemento para comenzar instalando y activando el complemento.
Abra el tablero de administración de WP y luego acceda a complementos> Agregar nuevo a la barra lateral.
Luego use la barra de búsqueda a la parte superior derecha para buscar el carrito todo en uno para WoCommerce. Después de encontrar el complemento, haga clic en Instalar ahora para instalar el complemento. Finalmente, active el complemento una vez instalado.
Si desea usar un complemento premium, deberá cargarlo e instalarlo manualmente. Eche un vistazo a nuestra guía detallada para instalar manualmente un complemento de WordPress para obtener más información. Ahora, necesitamos configurar el complemento para activar su mini cesta WoCommerce. 2.2. Establezca el complemento Todo en One para el complemento WooCommerce para configurar el complemento WooCommerce Coșul, haga clic en el tablero de administración de WP. Esto abrirá la página del enchufe en el enchufe. En la versión gratuita del complemento, puede activar una mini barra lateral o un mini menú. También puede agregar y configurar un botón AJAX Agregar en el carrito, pero solo centrarse en las opciones para mini canastas por ahora. Para activar el menú Pop-Up Mini Coș en su sitio, abra el carrito desde la barra lateral y haga clic en. También puede usar la opción de habilitación móvil para activar/desactivar la ventana Pop-Up Mini Coș en dispositivos móviles. Finalmente, guarde sus cambios.

Ahora vaya y recargue el frente de su sitio. Debería ver el nuevo icono Mini Coș en su página web. Puede hacer clic en él para abrir su mini invierno.
Además, puede agregar una canasta de menú a cualquiera de sus menús. Simplemente abra la cesta del menú y activela como en pasos anteriores. Si es necesario, también puede activarlo en menús móviles. Luego debe agregar menús de WordPress donde desea mostrar la canasta de menú en su sitio web. Simplemente elija los menús que desea agregar en el mini-recoo de WooCommerce en el campo Meniuri. Luego haga clic en Guardar.

Ahora debería ver la mini cesta de menú en su sitio web. Se agregará a los menús que ha seleccionado para Mini Basket.2.3. Personalice su mini cesta WooCommerce utilizando la personalización del complemento es una característica clave con el carrito de complementos en uno. Puede personalizar la canasta desde la barra lateral libremente, así como la canasta del menú. Estos incluyen colores, estilos de mini carros, posiciones, animaciones personalizadas, mini carros, estilos de menú desde la barra lateral y muchos más. Para acceder a las opciones de personalización, vaya a la apariencia> Personalización en el tablero de administración de WP. Serás redirigido a la personalización del tema. Aquí, haga clic en Cart, todo en uno para WooCommerce y debería ver todas las opciones de personalización del Mini.

Para esta demostración, personalizaremos la canasta desde la barra lateral. Así que haga clic en Coș Sidecart y debería ver todas las opciones para ello. Por ahora, activaremos un mini carro más pequeño utilizando la opción de visualización contenida en la barra lateral y cambiaremos la posición de la canasta en la barra lateral. Pero puede continuar personalizando su mini ganador utilizando estas opciones, dependiendo de cómo su sitio aún sea mucho para editar, como la interacción con el icono de la canasta en sí, por lo que el mini carro aparece cuando pasa el mouse en el icono, personalice el icono de carga y más.

Después de haber terminado con los cambios, haga clic en Publicar, guárdelos. Podrá ver todas estas personalizaciones de su mini-Coș en su sitio web. Y este es el esencial básico para la personalización de mini-carga utilizando el complemento. Si desea obtener más información sobre todas las opciones de personalización que ofrece el complemento, le recomendamos que realice su documentación. 3) Cree una mini canasta Mini WooMoCommerce para suponer que prefiere no usar un complemento para agregar su mini carrito Wooocomerce para mantener un marco fácil de su sitio, puede elegir y crear uno programático. Esto requerirá que cree un corto código personalizado utilizando una función personalizada e inserte en el archivo Functions.php. Luego, puede usar el código corto en cualquier parte de su sitio o incluso agregarlo a cualquiera de los archivos de plantilla de WooCommerce WordPress para agregar directamente el Mini-Coș WooCommerce. Debido a que cambiaremos algunos de los archivos básicos, es mejor hacer una copia de seguridad de su sitio y también crear un tema secundario programáticamente o usar uno de los complementos de temas secundarios. Esto le asegura que no perderá sus códigos personalizados cuando actualice el tema de WordPress. 3.1. Agregue el código corto personalizado a las funciones del tema. Agregaremos los códigos personalizados a los archivos de tema de su sitio en el editor de archivos de tema. Si no se siente completamente cómodo agregando códigos a WooCommmerce, le recomendamos que primero viaje este artículo primero. Una vez que esté listo, abra el editor de apariencia en el aspecto>

Editor de archivos de temas en el Dashboard WP Admin.Use la barra lateral de archivos con temas a la derecha y haga clic en funciones.php.Esto abrirá el archivo functions.php desde el editor de temas. Ahora, inserte el siguiente código en su editor de tareas: function custom_mini_cart () {

echo ”;


echo ‘ ‘;

echo ‘
;

echo ‘;

Echo wc ()-> car-> get_cart_contents_count ();
Echo ”;

Echou ‘
‘;
Echou ‘‘;
echo ‘
;
echo ‘
;
WooCommerce_mini_cart ();
Echou ‘
‘;
}
add_ShortCode (‘Quadlayers-Mini-Card’, ‘Custom_mini_Cart’);
Después de agregar el código, haga clic en Actualizar el archivo. Esto creará un código corto personalizado titulado ” Ahora puede usar este código corto en cualquier publicación, página o widget para agregar su mini canasta personalizada de WooCommerce. 3.2. Use el código corto en una plantilla de WooCommerce, también puede usar el siguiente fragmento de código para agregar el mini-COS personalizado a cualquier plantilla o plantilla de tema de WooCommerce. Plugin desde el tablero de WordPress. Usando el menú Archivo del complemento, haga clic en Plantillas> Archive-Product.php.
Luego agregue la siguiente línea de código a cualquier parte apropiada de la plantilla. echo do_shortcode (‘[quadlayers-miini-card]’); Para nuestra demostración, agregaremos la línea de código en do_action (‘wooCommerce_before_main_content’); la línea. Pero puede agregar el fragmento a cualquiera de los archivos de plantilla y donde sea necesario.
Finalmente, actualice el archivo después de agregar los códigos al editor de complementos. Mini-Coșul aparecerá en sus páginas designadas de WooCommerce. En nuestro caso, es la página de archivo de la tienda/producto.
Este enfoque agregará su mini canasta a la plantilla. Sin embargo, el mini ganador puede no verse exactamente como desea y puede requerir un estilo adicional usando la hoja de estilo de archivo. Por lo tanto, este método se recomienda solo si está acostumbrado a codificar y tiene suficiente conocimiento para agregar PHP y CSS en WordPress . Bonificación: cómo saltar sobre la página del carrito en WooCommerce Si desea que sus clientes tengan un proceso de finalización de pedidos más rápido, puede optar por omitir completamente la página de la canasta. Debido a que el mini ganador ya se ofrece a sus clientes, no es necesario para la página de la canasta. Por lo tanto, puede redirigir a sus clientes directamente a la página de compra cuando quieran hacer una compra. Puede hacer esto utilizando un complemento dedicado o utilizando una función personalizada. Por ahora, abordaremos cómo puede omitir la página de la canasta. Pero antes de continuar, debe acceder a la configuración de WooCommerce> desde el tablero de WP y abrir la pestaña del producto. Según las opciones generales, deshabilitar ambas opciones de comportamiento se suma a la canasta. Esto asegura que no haya interferencia con nuestra función personalizada. Ahora, abra el archivo Functions.php nuevamente usando el mismo paso que el anterior. Simplemente acceda al editor de los temas en el tema del editor de apariencia / archivos y haga clic en Functions.php. Luego inserte el siguiente fragmento de código aquí. add_filter (‘add_to_cart_redirect’, ‘ql_skip_cart_page’);
La función ql_skip_cart_page () {
Global $ WooCommerce;
$ redirect_checkout = $ wooCommerce-> car-> get_checkout_url ();

Devuelve $ redirect_checkout;

}

Ahora, cada vez que sus clientes agregan un producto a su carrito, se dirigirán directamente a la página de finalización del pedido en lugar de su página de carrito.

Para simplificar este proceso, también puede usar un complemento como el pago directo para WooCommerce. Si desea saberlo y por qué debe pensar en usarlo, puede consultar nuestra guía dedicada aquí. Conclusión y esto finaliza nuestra guía sobre cómo crear un mini wooCommerce. Configurar y personalizar WooCommerce Mini Cart no es un proceso agotador y puede optar por usar diferentes formas de hacerlo. Resumamos los métodos que utilizamos en la Guía de hoy para agregar y personalizar nuestra mini canasta de WooCommerce:

Usando los widgets del carrito

Con un complemento dedicado de WordPress
Desde un punto de vista programado, utilizando un código corto y archivos de plantilla personalizados
Si no está seguro de qué proceso usar, recomendamos cálidamente usar un complemento para crear su mini-Coș WooCommerce. Este método no solo es más seguro y más fácil, sino que también tiene muchas opciones de personalización y personalización dedicadas para su mini ganador si es un principiante con WordPress y desea agregar una mini lente de mini WooCommerce, le recomendamos que use un complemento dedicado. Además, si está buscando medios adicionales para acortar su proceso de pago y mejorar sus ventas, ¿por qué no pasar por algunos de nuestros otros artículos:
Los mejores complementos para personalizar la página del carrito de WooCommerce
Cómo crear WooCommerce una página de pago
Cómo crear un enlace de pago directo de WooCommerce