Personalizar correos electrónicos en FITsociety

Esta guía está dirigida a coaches, propietarios de estudios y miembros del equipo que quieren personalizar correos electrónicos en FITsociety. No necesitas conocimientos técnicos.

Con la personalización de correos electrónicos puedes:

• modificar el texto de los correos del sistema

• utilizar tu logotipo y remitente

• añadir botones y enlaces de descarga de la app

• adjuntar archivos

• comprobar previamente cómo se ve el correo en modo claro y oscuro

En este artículo

1. Qué puedes modificar exactamente

2. Cómo funciona el formato de correo (en lenguaje sencillo)

3. Marcadores de posición (#{{...}}): explicación

4. Utilizar botones y logotipos de descarga de la app

5. Configurar la identidad visual (logotipo, remitente y color de botones)

6. Añadir archivos adjuntos

7. Vista previa y correo de prueba: ¿cuál es la diferencia?

8. Restablecer una plantilla a su versión predeterminada

9. Errores habituales y soluciones

10. Ejemplos prácticos (para copiar)

11. Lista de comprobación para publicar

12. Preguntas frecuentes

1) Qué puedes modificar exactamente

Normalmente puedes personalizar lo siguiente en cada plantilla de correo:

• Asunto

• Contenido del correo electrónico

• Versiones en neerlandés e inglés

• Adjuntos por idioma

• Nombre del remitente

• Dirección de respuesta

• Logotipo para modo claro

• Logotipo para modo oscuro

• Color del botón (identidad visual)

Información útil:

• Los campos disponibles pueden variar según la plantilla.

• Algunas plantillas están limitadas deliberadamente para mantener correcta la información importante del sistema.

• ¿No ves un campo? Entonces no puede modificarse en esa plantilla.

2) Cómo funciona el formato de correo (en lenguaje sencillo)

Puedes aplicar la mayoría de los formatos con líneas de texto sencillas. No necesitas saber escribir HTML.

Párrafos y líneas en blanco

• 1 línea en blanco entre dos frases crea un párrafo nuevo.

• Varias líneas en blanco seguidas se ajustan automáticamente.

Ejemplo:

Hoi #{{clientFirstName}},  Bedankt voor je aankoop.  Tot snel!

Listas (viñetas)

Coloca - al principio de una línea:

- Lidmaatschap: #{{membershipName}} - Startdatum: #{{membershipStartDate}} - Factuurnummer: #{{invoiceNumber}}

Encabezados con una línea debajo

Utiliza ### para un título de sección claro. En el correo se muestra como un encabezado con una línea sutil debajo.

### Je inloggegevens

Negrita, cursiva y subrayado

• Negrita: **tekst**

• Cursiva: *tekst*

• Subrayado: __tekst__

Ejemplo:

**Belangrijk:** je volgende incasso is op #{{nextBillingDate}}.

Enlaces en los que se puede hacer clic

Utiliza:

[Open je factuur](https://voorbeeld.nl/factuur)

Enlace como botón

Utiliza:

[Open de app](#{{iosAppLink}}){button}

El color del botón sigue tu identidad visual configurada (con un color alternativo seguro si no está definida).

Pegar HTML: ¿qué ocurre?

¿Pegas HTML en el editor? Al guardar, FITsociety lo convierte en un formato de texto estable. Así el formato es más uniforme en distintas apps de correo.

Estos elementos se conservan correctamente:

• <strong> o <b> → **vet**

• <em> o <i> → *cursief*

• <u> → __onderstreept__

• <h1> hasta <h6> → encabezado con ### como estilo

• <ul><li> → lista de viñetas con -

• <a href="...">Label</a> → [Label](...)

Importante:

• El CSS en línea del HTML (como style="font-size:...") no se conserva exactamente (1 a 1).

• La referencia final es la vista previa o el correo de prueba.

• Para las descargas de la app, utiliza preferiblemente #{{appStoreAppButton}} y #{{googlePlayAppButton}}.

Guía rápida de formato (para copiar)

Vet: **tekst** Cursief: *tekst* Onderstreept: __tekst__ Kop met lijn: ### Titel Bullet: - Punt Link: [Bekijk planning](https://...) Knop: [Open app](#{{iosAppLink}}){button}

3) Marcadores de posición (#{{...}}): explicación

Un marcador de posición es un fragmento de texto que se sustituye automáticamente por datos reales.

Ejemplos:

• #{{clientFirstName}} se convierte, por ejemplo, en Lisa

• #{{invoiceNumber}} se convierte, por ejemplo, en 2026-0041

• #{{nextBillingDate}} se convierte, por ejemplo, en 14 maart 2026

Aspectos importantes sobre los marcadores

• Utiliza siempre llaves dobles: #{{...}}

• La escritura debe coincidir exactamente

• Los espacios adicionales en el nombre del marcador pueden causar problemas

¿Dónde veo qué marcadores están disponibles?

En el editor de plantillas puedes ver qué marcadores están disponibles para cada plantilla. Utiliza preferiblemente solo los que aparecen allí.

4) Utilizar botones y logotipos de descarga de la app

Puedes mostrar las descargas de la app de dos formas.

Opción A (recomendada): botones directos de la app

Incluye en tu correo:

#{{appStoreAppButton}} #{{googlePlayAppButton}}

Es la opción más sencilla y segura. FITsociety configura automáticamente:

• el enlace correcto de iOS/Android

• la versión de idioma adecuada (NL o EN)

• la variante adecuada para modo claro y oscuro

Opción B: enlaces y logotipos independientes

También puedes utilizar marcadores independientes:

• #{{iosAppLink}}

• #{{androidAppLink}}

• #{{appStoreBadgeUrl}}

• #{{googlePlayBadgeUrl}}

Esta opción resulta especialmente útil si quieres crear un diseño completamente propio.

Comportamiento de los logotipos de descarga en modo claro/oscuro

Los logotipos de la app cambian automáticamente según la visualización:

• En modo claro se muestra la variante oscura de la insignia (mejor legibilidad)

• En modo oscuro se muestra la variante clara de la insignia (mejor legibilidad)

No necesitas gestionarlo manualmente.

5) Configurar la identidad visual (logotipo, remitente y color de botones)

Remitente y dirección de respuesta

Puedes configurar:

• Nombre del remitente: el nombre que ven los destinatarios

• Dirección de respuesta: a dónde llegan las respuestas

Logotipos para modo claro y oscuro

Puedes subir ambos:

• Logo light mode

• Logo dark mode

Si no hay un logotipo disponible, se muestra automáticamente el nombre de tu empresa.

Color del botón

Puedes configurar un color propio para los botones del correo. Si falta, el sistema utiliza un color predeterminado que funciona bien en la mayoría de las bandejas de entrada.

6) Añadir archivos adjuntos

Puedes añadir archivos adjuntos por idioma a una plantilla.

Límites y archivos compatibles

• Máximo de 5 adjuntos por idioma

• Máximo de 10 MB por archivo

• Tipos compatibles:

  • PDF

  • PNG

  • JPG / JPEG

  • DOCX

Consejos prácticos

• Utiliza nombres de archivo claros (p. ej., algemene-voorwaarden.pdf)

• Mantén los archivos pequeños para una entrega más rápida

• Después de subirlos, comprueba siempre en la vista previa o el correo de prueba que el adjunto sea correcto

7) Vista previa y correo de prueba: ¿cuál es la diferencia?

Vista previa (sin enviar)

Utiliza la vista previa para comprobar rápidamente:

• asunto

• formato

• marcadores de posición

• logotipos

• botones de la app

• visualización clara/oscura

No se envía ningún correo real.

Correo de prueba (con envío)

Utiliza el correo de prueba para la comprobación final:

• cómo llega el correo a los clientes de correo reales

• si se puede hacer clic en los enlaces

• si los adjuntos se incluyen correctamente

Método recomendado:

1. primero, vista previa

2. después, correo de prueba

3. solo entonces, uso en producción

8) Restablecer una plantilla a su versión predeterminada

¿No estás conforme con tus cambios? Puedes restablecer la plantilla a su versión predeterminada.

Qué ocurre:

• se descarta tu texto personalizado

• se vuelve a utilizar el texto predeterminado de FITsociety

• se aplica a la plantilla elegida (y a la versión de idioma, según la acción)

Atención: antes de restablecerla, guarda el texto importante en una nota.

9) Errores habituales y soluciones

El marcador no se sustituye

Causa: el nombre no coincide exactamente.
​Solución: copia siempre los marcadores de la lista disponible en el editor.

No se puede hacer clic en el enlace

Causa: el formato del enlace está escrito incorrectamente.
​Solución: utiliza [Tekst](https://...).

La lista no se muestra como lista

Causa: la línea no empieza por - .
​Solución: coloca un guion y un espacio delante de cada viñeta.

El correo tiene un aspecto distinto del esperado

Causa: las apps de correo muestran el formato de formas ligeramente distintas.
​Solución: prueba enviando un correo de prueba a varios clientes (p. ej., Gmail y Outlook).

Los botones de la app no tienen el estilo correcto

Causa: formato manual en lugar del marcador estándar.
​Solución: utiliza #{{appStoreAppButton}} y #{{googlePlayAppButton}}.

10) Ejemplos prácticos (para copiar)

Ejemplo A: confirmación de compra (NL)

Hoi #{{clientFirstName}},  Bedankt voor je aankoop van **#{{membershipName}}**.  - Startdatum: #{{membershipStartDate}} - Volgende incasso: #{{nextBillingDate}} - Factuurnummer: #{{invoiceNumber}}  Download de app: #{{appStoreAppButton}} #{{googlePlayAppButton}}  Heb je vragen? Neem gerust contact met ons op.  Groet, #{{companyNameForFooter}}

Ejemplo B: incorporación (EN)

Hi #{{clientFirstName}},  Welcome to #{{companyNameForFooter}}.  Your account is ready and you can start right away.  - Username: #{{username}} - Temporary password: #{{password}}  Download the app: #{{appStoreAppButton}} #{{googlePlayAppButton}}  If you need help, feel free to reply to this email.

Ejemplo C: correo de acción breve con botón

Hoi #{{clientFirstName}},  Je nieuwe schema staat klaar.  [Bekijk mijn schema](#{{clientPortalLink}}){button}

Ejemplo D: incorporación con encabezados de sección

Beste #{{clientFirstName}},  Je bent uitgenodigd door **#{{coachFirstName}}** om deel te nemen aan **#{{companyName}}**.  ### Je inloggegevens - **Gebruikersnaam:** #{{username}} - **Wachtwoord:** #{{password}}  ### Download de app #{{appStoreAppButton}} #{{googlePlayAppButton}}  Heb je vragen of hulp nodig? Neem gerust contact met ons op.  Met vriendelijke groet, **#{{companyName}}** *#{{coachFirstName}}*

11) Lista de comprobación para publicar

Utiliza esta lista antes de activar una plantilla en producción:

1. Asunto breve y claro

2. Escritura de los marcadores comprobada

3. Versiones NL y EN revisadas

4. Botones de la app presentes donde sean necesarios

5. Logotipos comprobados en modo claro y oscuro

6. Color y contraste de los botones comprobados

7. Adjuntos comprobados (versión y formato correctos)

8. Vista previa revisada (clara y oscura)

9. Correo de prueba enviado a ti y/o a un compañero

10. Publicar solo después

12) Preguntas frecuentes

¿Necesito saber HTML para utilizar esta función?

No. Puedes trabajar perfectamente con texto normal, líneas en blanco, viñetas y formatos sencillos.

¿Por qué a veces veo un texto distinto después de guardar?

El sistema normaliza el formato en segundo plano para mantener los correos estables y uniformes. La referencia es la visualización de la vista previa o del correo de prueba.

Pego HTML con estilos. ¿Por qué cambia después de guardar?

Es el comportamiento esperado. FITsociety convierte el HTML en un formato de almacenamiento estable. Se conserva la estructura (encabezados, listas, enlaces, negrita/cursiva), pero no siempre los estilos en línea, como tamaños de letra o márgenes personalizados.

¿Puedo utilizar varios idiomas?

Sí, puedes gestionar una versión en neerlandés y otra en inglés para cada plantilla.

¿Puedo elegir a quién se envía el correo de prueba?

Normalmente puedes indicar una dirección de prueba propia. Si no, se envía a la cuenta con la que has iniciado sesión.

¿Qué ocurre si no he configurado un logotipo?

El correo muestra automáticamente el nombre de tu empresa.

¿Qué enlaces de la app se utilizan?

Los enlaces de la app proceden de los ajustes de tu empresa. Así se gestionan de forma centralizada.

¿Puedo volver a la versión predeterminada si estropeo algo?

Sí, puedes restablecer las plantillas a su versión predeterminada.
​
¿Qué enlaces de la app se utilizan?

Los enlaces de la app proceden de los ajustes de tu empresa.

• ¿Tienes una app con tu marca (una app propia en las tiendas)?
  Utilizamos automáticamente los enlaces predeterminados a tu propia app de iOS/Android.

• ¿No tienes una app con tu marca?
  Enlazamos automáticamente a la app de FITsociety.

No necesitas actualizarlo manualmente en cada plantilla de correo.

¿Por qué no puedo añadir una imagen al correo?

Lo hacemos deliberadamente para mantener una buena entregabilidad de los correos electrónicos.

• Las imágenes individuales en los correos (p. ej., banners o imágenes en el cuerpo) aumentan la probabilidad de que lleguen a spam/promociones .

• Los proveedores de correo (como Gmail/Outlook) son más estrictos con los formatos de aspecto publicitario que contienen muchas imágenes.

Qué sí se permite:

• Añadir archivos adjuntos (por idioma), siempre que no superen los límites.
  Atención: los adjuntos demasiado grandes pueden hacer que los clientes de correo rechacen.

Alternativa recomendada para archivos grandes:

• Incluye un enlace al archivo (p. ej., desde tu web, Google Drive, Dropbox o una página de descarga).
  Especialmente para archivos grandes es más fiable que un adjunto.