Requerido

📝 Título del post

Es el nombre del beneficio. Sé claro y directo. Se usa como título en la tarjeta y en el modal.

→ Aparece en: card (título) · modal (encabezado)

⚡ Ej: "30% de descuento en restaurantes afiliados". Evita textos muy largos.

Requerido

🔍 Meta descripción

Es el resumen corto del beneficio. HubSpot la usa como SEO description. El módulo la extrae como el texto descriptivo de la tarjeta.

→ Aparece en: card (descripción) · modal (subtítulo)

⚡ Máximo 120 caracteres recomendado para que no se corte en la tarjeta.

Requerido

🖼 Imagen destacada

La foto principal del beneficio. Se carga desde la biblioteca de HubSpot. Se muestra como imagen de la tarjeta y en el panel izquierdo del modal.

→ Aparece en: card (foto) · modal (imagen izquierda)

⚡ Proporción recomendada: 16:9. Mínimo 600 px de ancho.

Requerido

📄 Cuerpo del post (body)

El contenido del post es libre, pero siempre debe incluir el logo de la empresa, la fecha de vencimiento con ícono de calendario y la ubicación con ícono de pin. El sistema extrae automáticamente el logo y la fecha de vencimiento para mostrarlos en la tarjeta.

→ Logo (1ª <img>): card (esquina) · Fecha de vencimiento (texto "Vence…"): card (pie) · Todo el body: modal

Estructura mínima obligatoria — copia y adapta este HTML:

<img src="URL_DEL_LOGO_EMPRESA" alt="Logo empresa" />  Descripción completa del beneficio y condiciones...  📅 Vence: 31 de diciembre de 2025  📍 Ciudad de Guatemala y área metropolitana  ℹ️ Aplican términos y condiciones. Consulta condiciones en sucursal.

⚠️ La primera <img> del body se extrae como el logo de la empresa en la tarjeta. La fecha de vencimiento debe comenzar exactamente con "Vence" (con mayúscula) para que el sistema la detecte. Los emojis 📅 📍 ℹ️ son reemplazados automáticamente por los iconos del diseño en el modal — el editor solo escribe el emoji, el sistema hace el resto.

Requerido

🔄 Íconos automáticos en el modal

En el cuerpo del post, usa los siguientes emojis como marcadores. El sistema los reemplaza automáticamente por los íconos del diseño al mostrarse en el modal. No necesitas insertar imágenes manualmente.

Fecha de vencimiento

Escribe: 📅

→ se convierte en el ícono de calendario del diseño

Ubicación

Escribe: 📍

→ se convierte en el ícono de ubicación del diseño

Términos y condiciones

Escribe: ℹ️

→ se convierte en el ícono de restricción del diseño

⚠️ Los Términos y condiciones son obligatorios en todos los posts de beneficio. Deben ir precedidos del emoji ℹ️.

Requerido

🏷 Etiquetas (Tags)

Las etiquetas controlan los filtros del módulo de beneficios. Cada post debe tener al menos una etiqueta de tipo de tarjeta y una de categoría.

Tipo de tarjeta (elegir 1)

Beneficio Crédito Beneficio Debito

Categoría (elegir 1)

Beneficio Gasolineras Beneficio Salud y Belleza Beneficio Restaurantes Beneficio Hoteles Beneficio Viajes Beneficio Otros

Opcional

🎁 Modal promocional (formulario DPI)

Si el beneficio requiere que el usuario ingrese su DPI para registrarse, agrega la etiqueta especial modal-promo. Cuando esta etiqueta está presente, el modal mostrará automáticamente el formulario de registro con términos y condiciones.

Etiqueta a agregar:

→ Activa: formulario de registro DPI en el panel derecho del modal

Artículo

12% Off en Hospedaje" loading="lazy" decoding="async">

12% Off en Hospedaje

Aplican Restricciones
Aplica al pagar con tarjetas de crédito y débito GTC
1 promoción por tarjeta

Aplica viernes, sábado y domingo

Vence 31/12/2026