Tabla de contenido:
Configurar lista de deseos con el plugin de YITH
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.
Lo primero en la pestaña Configuración general es la opción para 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 SÍ .
En la misma pestaña, YITH le ofrece considerar habilitar un control deslizante en su lista de deseos, que contiene productos vinculados.
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».
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:
Cuando el cliente agregue el producto a la lista de deseos, cambiará a esto:
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.
Aquí está el ejemplo del tema Aare con un control deslizante, y no tiene una opción Agregar a la lista de deseos .
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 .
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.
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.
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.
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.
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.
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».
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.
Esta es la configuración utilizada en el tema Aare y se ve así:
Si opta por la segunda opción, se mostrará como un botón con el estilo según la configuración del tema.
Si elige esta opción, el botón se verá como cualquier otro botón predeterminado en su sitio web.
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.
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.
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.
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.
También puede cambiar el ícono relleno que aparece cuando se agrega un producto 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 .
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.
Con el tema Aare, la página de lista de deseos prefabricada se ve así:
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. .
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í».
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.
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í».
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.
Además, puede agregar el texto personalizado «Agregar al carrito» para el botón en su página de lista de deseos.
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.
Nuevamente, buscamos el botón predeterminado del tema, y así es como se ve en la página: