Recurso publicado
Este ejemplo se sirve como recurso público estable bajo
/ui/info/examples.
Ver fuente
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gracias por tu suscripción</title>
<link rel="icon" type="image/png" sizes="256x256" href="/ui/info/assets/logos/tdigital-sync-favicon.png" />
</head>
<body style="margin: 0; padding: 0; background-color: #f4f4f4; font-family: Arial, sans-serif; color: #333333;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f4f4f4; padding: 30px 0;">
<tr>
<td align="center">
<table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; border-radius: 10px; overflow: hidden;">
<!-- Header -->
<tr>
<td align="center" style="background-color: #111111; padding: 30px;">
<h1 style="margin: 0; color: #ffffff; font-size: 28px;">¡Gracias por suscribirte!</h1>
</td>
</tr>
<!-- Content -->
<tr>
<td style="padding: 40px 30px;">
<p style="margin: 0 0 20px; font-size: 16px;">Hola <strong>{{Nombre}}</strong>,</p>
<p style="margin: 0 0 20px; font-size: 16px; line-height: 1.6;">
Queremos agradecerte por suscribirte a <strong>{{NombreApp}}</strong>.
Tu pago fue procesado correctamente y tu plan ya se encuentra activo.
</p>
<p style="margin: 0 0 20px; font-size: 16px; line-height: 1.6;">
Desde este momento ya podés comenzar a disfrutar de todas las funcionalidades y beneficios incluidos en tu suscripción.
</p>
<!-- Subscription details -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 30px 0; background-color: #f9f9f9; border-radius: 8px;">
<tr>
<td style="padding: 20px;">
<p style="margin: 0 0 10px; font-size: 15px;"><strong>Detalle de la suscripción:</strong></p>
<p style="margin: 0 0 8px; font-size: 15px;">Plan: {{Plan}}</p>
<p style="margin: 0 0 8px; font-size: 15px;">Fecha de activación: {{FechaActivacion}}</p>
<p style="margin: 0; font-size: 15px;">Próxima renovación: {{FechaRenovacion}}</p>
</td>
</tr>
</table>
<p style="margin: 0 0 20px; font-size: 16px; line-height: 1.6;">
Estamos muy contentos de que formes parte de nuestra comunidad.
Si tenés alguna consulta o necesitás ayuda, estaremos encantados de acompañarte.
</p>
<p style="margin: 30px 0 0; font-size: 16px;">
Saludos,<br />
<strong>Equipo de {{NombreApp}}</strong>
</p>
</td>
</tr>
<!-- Footer -->
<tr>
<td align="center" style="background-color: #f1f1f1; padding: 20px; font-size: 13px; color: #777777;">
© {{Anio}} {{NombreApp}}. Todos los derechos reservados.
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>