Cómo configurar la lista de deseos en WooCommerce 2024

Actualizado el 29 de enero de 2024

Una lista de deseos puede servir como recordatorio para posibles compras futuras , puede compartirse con amigos y familiares en busca de ideas para regalos y puede ser un vehículo promocional general de sus productos. Se puede compartir en las redes sociales y otros canales , mejorando su tráfico y promocionando su marca.En general, es una función que brinda muchos beneficios y es muy simple de configurar.

 

 
 

El plugins YITH WooCommerce Wishlist sirve para guarda tus productos favoritos, encuéntralos fácil y rápidamente más tarde y cómpralos. También puedes compartir lista de deseos con familiares y amigos por Navidad, cumpleaños u ocasiones similar y así pueden comprar uno de los productos de la lista.

Configuración general

Al hacer clic, la sección Lista de deseos contiene cuatro pestañas, y revisaremos cada una de ellas para mostrarle las posibilidades. Usaremos nuestro Aare – Tema de WordPress para tienda de muebles para mostrar la vista previa de las opciones disponibles.

 
Lista de deseos cuatro pestañas
 
 

Lo primero en la pestaña Configuración general es la opción para habilitar la carga de AJAX .

 
Habilitar la carga de AJAX
 

Esta opción es buena para mejorar la velocidad de su sitio web. Si lo habilita, recuperará los datos del servidor para elementos almacenables en caché a través de AJAX sin recargar toda la página. Mientras el visitante está en la página específica, su sitio cargará solo el contenido visible. Sin duda hará que la carga sea más rápida. Para habilitarlo, simplemente cambie el interruptor Habilitar carga de AJAX a .

 

En la misma pestaña, YITH le ofrece considerar habilitar un control deslizante en su lista de deseos, que contiene productos vinculados.

 
Habilitar control deslizante en la lista de deseos
 

Para poder usarlo, debe instalar y activar el plugin YITH WooCommerce Frequently Bought Together . Esta opción, una vez habilitada, en realidad sugerirá artículos que generalmente se compran juntos a su cliente potencial, lo que podría aumentar las ventas.

 

Agregar a la lista de deseos Opciones

La segunda pestaña contiene las opciones disponibles para Agregar a la lista de deseos , controlando la apariencia y el funcionamiento de su lista de deseos.

 

Configuración general

Lo primero aquí es establecer lo que desea mostrar, o más precisamente, hacia dónde desea dirigir a su cliente, una vez que se agrega un producto a la lista de deseos. Puede elegir entre Mostrar el botón «Agregar a la lista de deseos», Mostrar el enlace «Ver lista de deseos» y Mostrar el enlace «Eliminar de la lista».

 
Después de agregar el producto
 

Configuraremos esto para mostrar el enlace «Ver lista de deseos» : el cliente podrá consultar la lista de deseos y los productos que contiene.

 

Así es como se ve el botón Agregar a la lista de deseos antes de agregar un producto:

 
Agregar a la lista de deseos Botón Producto único
 

Cuando el cliente agregue el producto a la lista de deseos, cambiará a esto:

 
Explorar lista de deseos
 

Por supuesto, puede elegir una de las otras opciones disponibles aquí, lo que funcione mejor para usted.

 

Ajustes de bucle

A continuación, puede establecer si desea que la opción Agregar a la lista de deseos se muestre en el bucle o no. Lo que esto significa es que si sus productos se muestran como un control deslizante o carrusel, puede mantener esta función desactivada mientras se ejecuta el bucle.

 
Ajustes de bucle
 

Aquí está el ejemplo del tema Aare con un control deslizante, y no tiene una opción Agregar a la lista de deseos .

 
Bucle deslizante del producto
 

Configuración de la página del producto

Ahora puede decidir la posición de su botón Agregar a la lista de deseos en su tienda individual. Hay un par de opciones: después de «Agregar al carrito», después de las miniaturas, después del resumen y usar código abreviado .

 
Configuración de la página del producto
 

Optamos por Después del botón “Añadir al carrito” . Como puede ver en nuestro producto único, su posición está debajo del botón Agregar al carrito.

 
Agregar a la posición del botón de lista de deseos
 

Personalización de texto

Además, puede personalizar el texto que aparece en la página. Siempre es importante que cualquier tipo de texto informativo sea sencillo, por lo que no debe experimentar demasiado con ese texto. Puede mantenerlo simple como lo es el predeterminado. Para nuestro tema Aare, mantuvimos el texto que sugirió el plugin YITH. Pero si por alguna razón desea cambiarlo, puede hacerlo fácilmente ingresando el texto diferente en los campos respectivos.

 
Personalización de texto
 

El botón Agregar a la lista de deseos se muestra inicialmente y, nuevamente, así es como se ve en el producto individual de Aare.

 
Agregar a la lista de deseos Botón Producto único
 

Una vez que el cliente potencial agrega el producto a su lista de deseos, «¡Producto agregado!» aparece el mensaje.

 

Después de eso, se muestra el texto «Examinar lista de deseos» y el visitante de su sitio web puede consultar la lista completa haciendo clic en ella.

 
Explorar lista de deseos
 

Si puede personalizar el mensaje en caso de que un usuario intente agregar un producto que ya está en su lista de deseos. En nuestro caso, gracias a la configuración del tema, el ícono del corazón se billenará a todo color en la página de la lista de productos si el producto ya se ha agregado.

 
Producto agregado a la lista de deseos Mostrar
 

Por otro lado, en la página única específica para ese producto en particular, el visitante sabrá que el artículo ya está en la lista de deseos, ya que habrá el botón «Examinar lista de deseos».

 
Explorar lista de deseos
 

Personalización de estilo y color

La configuración final en esta pestaña es para personalizar la apariencia del botón de la lista de deseos. La primera opción es usar texto vinculado (anclaje) en lugar del botón real.

 
Añadir a estilo de botón de lista de deseos
 

Esta es la configuración utilizada en el tema Aare y se ve así:

 
Agregar a la lista de deseos Botón Producto único
 

Si opta por la segunda opción, se mostrará como un botón con el estilo según la configuración del tema.

 
Añadir a estilo de botón de lista de deseos
 

Si elige esta opción, el botón se verá como cualquier otro botón predeterminado en su sitio web.

 
Vista previa del estilo del botón Agregar a lista de deseos
 

La opción final para «Agregar a la lista de deseos» es mostrarlo como un botón con un estilo personalizado . Si optas por este, se mostrará como un botón que podrás personalizar a tu gusto, siguiendo el estilo de tu web.

 
Añadir a estilo de botón de lista de deseos
 

Cuando selecciona esta opción, aparecen las configuraciones adicionales para el estilo de botón personalizado. Puede definir el color de fondo , texto y borde , así como el color de desplazamiento para estos.

 
Agregar a la lista de deseos Estilo de botón personalizado
 

Además, si desea que su botón tenga bordes redondeados, puede determinar el radio de las curvas. Puede elegir de 0 a 100, donde cero significa que no hay redondeo y los valores más altos significan ángulos más redondeados.

 
Agregar a la lista de deseos Radio de borde de botón personalizado
 

Después de definir la apariencia del texto de la lista de deseos, puede cambiar el icono junto a él . El valor predeterminado es el icono del corazón . Pero si te apetece cambiarlo, aquí tienes un par de opciones disponibles para elegir en el desplegable.

 
Añadir a la lista de deseos Ícono
 

También puede cambiar el ícono relleno que aparece cuando se agrega un producto a la lista de deseos.

 
Icono agregado a la lista de deseos
 

Además, si conoce CSS, puede agregar su propio código en el campo correspondiente. Esta opción le brinda la oportunidad de personalizar aún más el estilo de su lista de deseos y crear su propio diseño. Una vez que esté todo listo, no olvide presionar el botón Guardar cambios .

 
Agregar a la lista de deseos CSS personalizado
 

Opciones de la página de lista de deseos

Esta es la última pestaña de la versión gratuita del plugin YITH Wishlist. Aquí puede definir todo lo relacionado con su página de lista de deseos.

 

Página de lista de deseos

Como mencionamos anteriormente, para tener una lista de deseos en su tienda en línea, primero debe tener una página para ella. Puede elegir una página prefabricada del menú desplegable, o agregar la suya propia, creando una página en blanco, nombrándola y luego seleccionándola del menú desplegable.

 
Página de lista de deseos
 

Con el tema Aare, la página de lista de deseos prefabricada se ve así:

 
Vista previa de la página de lista de deseos
 

Página de detalles de la lista de deseos

Además, puede decidir qué información desea mostrar en la lista de deseos de su tienda: variaciones, precio, existencias, fecha en que se agregó el producto, «agregar al carrito» para cada artículo, así como opciones para eliminar el producto de la lista de deseos. .

 
Página de detalles de la lista de deseos
 

Una vez que un usuario agrega al carrito un producto de su lista de deseos, puede redirigirlo a la página del carrito, si lo desea, simplemente cambie la palanca a «Sí».

 
Redirigir al carrito
 

También puede ser una buena idea configurar la opción para eliminar un artículo de la lista de deseos de la lista una vez que se haya agregado al carrito.

 
Eliminar si se agrega al carrito
 

Otra opción aquí es habilitar el intercambio de listas de deseos en las redes sociales. Esta es una buena opción tanto para el tráfico y la visibilidad de su sitio, como para los clientes, en caso de que quieran ofrecerles a sus amigos la oportunidad de comprarles un producto deseado para una ocasión especial, como bodas, baby showers, etc. Para habilitarlo, simplemente cambie el interruptor a «Sí».

 
Compartir lista de deseos
 

Personalización de texto

En esta configuración, puede definir el nombre de su lista de deseos predeterminada. Si sus usuarios no crean uno personalizado, el que ingrese aquí se mostrará automáticamente.

 
Nombre de lista de deseos predeterminado
 

Además, puede agregar el texto personalizado «Agregar al carrito» para el botón en su página de lista de deseos.

 
Añadir al carrito Texto
 

Personalización de estilo y color

Aquí puede personalizar el estilo del botón «Agregar al carrito» que aparece en la página de la lista de deseos. Las opciones son las mismas que las del botón «Agregar a la lista de deseos» que discutimos anteriormente.

 
Personalización de estilo y color
 

Nuevamente, buscamos el botón predeterminado del tema, y ​​así es como se ve en la página:

 
Lista de deseos Agregar al carrito
 
 
 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito de compra