Cómo usar plantillas preestablecidas para estilizar los botones de la lista de deseos

¿Tu tienda necesita una renovación de diseño, pero no tienes tiempo para retocar manualmente cada píxel? Elegir el aspecto adecuado para tus botones de Añadir a la lista de deseos no debería ser una tarea que consuma tiempo.

Con los ajustes del Modo de Configuración en SaveTo Wishlist, puedes estilizar profesionalmente tus botones de lista de deseos en segundos. Ya sea que desees usar Plantillas de Estilo instantáneas o sumergirte en Ajustes Personalizados, ahora tienes control total sobre cómo aparecen tus botones en las páginas de Producto, Tienda y Carrito.

Al final de esta guía, sabrás cómo alternar entre los modos de diseño y darle a tu tienda un aspecto coherente y profesional que coincida perfectamente con tu marca.

Requisitos previos

• SaveTo Wishlist Lite instalado y activo.
• Acceso de administrador a tu panel de WordPress.
• WooCommerce instalado y configurado.

¿Por qué usar plantillas de estilo de botones?

La velocidad y la consistencia son vitales para cualquier tienda WooCommerce en crecimiento. Cuando tus botones se ven geniales y funcionan de manera idéntica en todas las páginas, genera confianza con tus compradores.

Las plantillas ahorran tiempo: cambia el aspecto de los botones al instante sin necesidad de CSS manual o selección de colores. Y dado que cada ubicación de página es independiente, puedes aplicar diferentes diseños a las páginas de Producto, Tienda y Carrito por separado.

💡 Consejo:
Si prefieres un aspecto completamente único, ¡aún puedes usar una plantilla como "base" y luego personalizar los colores!

1. Accede a las Pestañas de Estilo de Botones

Hemos organizado la configuración en categorías fáciles de administrar para que puedas estilizar cada parte de tu tienda individualmente.

1. Navega a SaveTo Wishlist → Ajustes.
2. Ve a la pestaña Ubicación y Estilos de Botones.
3. Aparecen tres secciones: Producto, Tienda y Carrito. Haz clic en la que deseas editar.

2. Elige tu Modo de Configuración

Cada ubicación tiene un selector de radio Modo de Configuración. Aquí es donde decides cuánto control deseas:

1. Selecciona Usar Plantillas para ver la galería de plantillas de botones de lista de deseos.
2. Alternativamente, selecciona Ajustes Personalizados si prefieres omitir las plantillas y usar los selectores de color manuales.

3. Aplica una Plantilla Predefinida

Dentro de cada sección, selecciona la pestaña Usar Plantillas debajo de la opción Modo de Configuración.

1. Explora las plantillas disponibles (por ejemplo, "Clásico Rojo", "Minimalista Oscuro" o "Morado Moderno").
2. Haz clic en una plantilla para aplicarla. La herramienta actualizará automáticamente la forma, el borde y el diseño predeterminado del botón.

4. Ajusta tus Colores

Si eliges Ajustes Personalizados, el selector de plantillas se reemplaza por controles de diseño individuales. Úsalos para construir tu botón desde cero o personalizar una "base" de plantilla.

1. Tipografía y Tamaño: Establece el Tamaño del Texto y el Tamaño del Icono exactos.
2. Selectores de color: Elige manualmente tu Color de fondo, Color de texto y Color de icono.
3. Borde y forma: Ajusta el ancho del borde, el color y la redondez de las esquinas.
4. El selector de color permanece abierto mientras trabajas, lo que permite comparar rápidamente diferentes tonalidades sin cerrar el menú repetidamente.

5. Aplica estilos independientes

¡Recuerda que puedes mezclar y combinar estilos para diferentes contextos!

1. Utiliza un botón grande Personalizado en tu Página de producto para que sea la llamada a la acción principal.
2. Aplica el Ajuste preestablecido Minimalista en tu Página de tienda para mantener tu cuadrícula de productos limpia y ordenada.
3. Selecciona el Ajuste preestablecido Moderno en la Página del carrito para animar a los clientes a guardar artículos para más tarde en lugar de abandonarlos.

6. Guarda y revisa tus cambios

1. Haz clic en Guardar Cambios en la parte inferior de la página.
2. ¡Visita tu tienda y una página de producto para ver tus nuevos estilos de botón en acción!

Solución de problemas comunes

⚠︎ El ajuste preestablecido no cambió el color de mi botón.
Los ajustes preestablecidos controlan principalmente la estructura y la plantilla del botón. Si previamente estableciste un "Color personalizado", ese color se reemplazará. Actualiza la configuración del selector de color directamente desde la pestaña secundaria Configuración personalizada para asegurar que los colores de tu marca se apliquen a la nueva plantilla.

⚠︎ El botón se ve diferente en mi teléfono móvil.
Algunos temas de WordPress tienen "Estilos globales" muy potentes que intentan anular los botones del plugin. Si tu botón se ve "encajonado" o la fuente es demasiado pequeña, prueba un ajuste preestablecido diferente o revisa la configuración de botones de tu tema.

Si el diseño de tu página no se actualiza después de guardar, borra la caché de tu sitio. Para más información, consulta la guía oficial de WooCommerce sobre cómo borrar cachés.

Preguntas frecuentes

➤ ¿Cuándo debo usar el modo Ajuste preestablecido en lugar del modo Personalizado?
Usa el modo Ajuste preestablecido si deseas un diseño "bueno" garantizado rápidamente. Usa el modo Personalizado si tu marca utiliza colores no estándar o si necesitas que el botón tenga un tamaño muy específico.

➤ ¿Cambiar el ajuste preestablecido de la Página de tienda afecta a la Página de producto?
No. Cada ubicación de página (Producto, Tienda, Carrito) es 100% independiente, lo que te permite optimizar la experiencia del usuario para cada área específica de tu tienda.

➤ ¿Seleccionar un nuevo ajuste preestablecido eliminará mis colores personalizados anteriores?
Sí, si confirmas el cambio, tu configuración actual será reemplazada por los estilos predeterminados del ajuste preestablecido seleccionado. Después de aplicar el ajuste preestablecido, aún puedes actualizar los colores desde la pestaña secundaria Configuración personalizada.

Acelera el diseño de tu tienda con plantillas preestablecidas

¡Ahora has pasado del estilo manual al diseño de alta velocidad! Al usar Plantillas preestablecidas, aseguras que tu tienda luzca profesional y consistente, lo cual es un factor clave para convertir a los visitantes en compradores.

Ahora que tus botones lucen perfectos, dirígete a la pestaña General y activa Notificaciones de fundido para que la experiencia de “Añadir a la lista de deseos” sea aún más fluida.