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.
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.
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.
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" />
<p>Descripción completa del beneficio y condiciones...</p>
<p>📅 Vence: 31 de diciembre de 2025</p>
<p>📍 Ciudad de Guatemala y área metropolitana</p>
<p>ℹ️ Aplican términos y condiciones. Consulta condiciones en sucursal.</p>
⚠️
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.
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.
⚠️ Los Términos y condiciones son obligatorios en todos los posts de beneficio. Deben ir precedidos del emoji ℹ️.
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.
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:
modal-promo
→ Activa: formulario de registro DPI en el panel derecho del modal
20% Off" loading="lazy" decoding="async">
