Sus opciones de privacidad

Usamos cookies para ver cómo se utiliza el sitio y, junto con Google y Meta, para medir nuestros anuncios. No se establece nada hasta que usted elija. Puede cambiar su elección en cualquier momento en Configuración de cookies.

Política de privacidad

Usamos cookies para ver cómo se utiliza el sitio y, junto con Google y Meta, para medir nuestros anuncios. Puede cambiar su elección en cualquier momento en Sus opciones de privacidad.

Sus opciones de privacidad

Elija qué cookies podemos usar. Su elección se aplica en todas las páginas y dura 12 meses.

Se ha respetado su señal de exclusión. La publicidad permanece desactivada mientras su navegador la envíe.

NecesariasMantiene el sitio en funcionamiento: su elección de privacidad aquí, el idioma en el que lee, la búsqueda en la documentación y la protección del sitio por parte de Cloudflare.
Siempre activo
Google Analytics y Cloudflare Web Analytics, y el propio registro de WooCommerce de la página en la que comenzó su visita: qué páginas se leen, cómo se usa el sitio y cuáles de ellas llevan a un pedido.
Google Ads y el píxel de Meta: medir y mejorar nuestros anuncios, incluso en otros sitios.
ThriveDesk, que gestiona el chat en vivo de nuestra página de soporte. Está gestionado por otra empresa y almacena un identificador en su navegador.
Política de privacidad

Personalizar los estilos de las cartas BOGO

2 min de lectura Actualizado el 20 de abril de 2026 Por el equipo de Bright Plugins

Consigue BOGO Deals Pro

Resumen
Utiliza la pestaña de Estilos para que tu tarjeta BOGO y los avisos coincidan con la marca de tu tienda sin tocar los archivos temáticos. Céntrate en las tres áreas que fomentan la claridad y las conversiones.

Dónde encontrar la pestaña de Estilos#

  1. Vete a Bright Plugins Pro → BOGO Deal .
  2. Abre el Estilos pestaña.
Oferta de Bogo: Bogo deal styles section

El enfoque 80/20 para el estilismo de BOGO#

Para obtener el mejor resultado visual rápidamente, prioriza estas tres áreas:

  1. Estilos de cartas por estructura y legibilidad.
  2. Estilos de sello Para ofrecer claridad.
  3. Estilo de Mensaje de Precio + Aviso Para la confianza del cliente en el momento de la decisión.

Todo lo demás es refinamiento.

Toma 1 – Estilos de cartas (primero el layout)#

Esta sección controla el contenedor general de la tarjeta BOGO.

Lo que más importa#

  • Antecedentes y frontera
  • Radio de frontera
  • Relleno y espaciamiento

Una tarjeta limpia facilita la búsqueda y la confianza de la oferta.

Recomendaciones rápidas#

  • Ajusta los tonos neutros de tu tema.
  • Usa un acolchado cómodo para que la tarjeta no se sienta apretada.
  • Mantén la forma coherente con los botones/tarjetas de tu tema.

Toma 2 – Etiqueta estilos (haz que la oferta sea evidente)#

Las etiquetas suelen ser el primer elemento que los clientes leen.

Lo que más importa#

  • Fondo y texto de alto contraste
  • Tamaño de fuente legible
  • Acolchado y radio limpios
Oferta de Bogo: Bogo text labels

Recomendaciones rápidas#

  • Usa un contraste fuerte para ofertas "gratis".
  • Mantén las etiquetas cortas para evitar envolverlas.

Plano 3 – Mensaje de precio y aviso (confirmar el ahorro)#

Estas dos áreas reducen la duda en el paso final.

Estilos de precios#

Utiliza esta sección para diferenciar:

  • Precio original
  • Precio con descuento

Buenas prácticas: Haz que el precio rebajado sea más visible visualmente que el precio original.

Estilos de mensajes de aviso#

Esto controla el carrito y el producto notifica cuando una operación está activa o incompleta.

Buenas prácticas: Mantén los antecedentes sutiles pero legibles, para que el mensaje resulte útil, no intrusivo.

Refinamientos opcionales (cuando quieres pulir)#

Estos ayudan a alinear la tarjeta con el estilo visual de tu catálogo:

  • Nombre del producto y estilos de categoría
  • Estilos de imagen de producto

Vista previa y reinicio#

Utiliza la Vista previa en Directo#

Revisa la legibilidad y el contraste antes de guardar.

Restablecer a los valores predeterminados del tema#

Úsalo para eliminar el estilo personalizado y volver al aspecto por defecto.

Cuestiones comunes#

  • No aparecen cambios debido a la caché.
  • Los plugins de temas o optimización retrasan las actualizaciones.
  • Los estilos se editaron pero no se guardaron.

Actualizado el 20 de abril de 2026 · ¿Necesita ayuda? Abra un ticket de soporte