> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md).
# Crear y personalizar correos electrónicos del programa Advocate
Haz el curso PXA
Tu programa se configura inicialmente con versiones predeterminadas de los correos electrónicos del programa para ponerte en marcha lo más rápido posible. Estas versiones predeterminadas incluyen imágenes y mensajes genéricos para transmitir la esencia del correo electrónico. Recomendamos personalizar los correos electrónicos de tu programa para asegurarte de que la información sea relevante para tu programa y tu producto.
Consulta nuestra documentación sobre [etiquetas de combinación](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails.md) para obtener información sobre cómo incluir detalles específicos de los participantes en tus correos electrónicos.
#### Crear o editar una plantilla de correo electrónico
Tendrás al menos un correo electrónico del programa creado cuando configures las reglas de tu programa. Recomendamos editar los correos electrónicos existentes del programa y crear uno nuevo solo si es necesario.
1. En el menú de navegación de la izquierda, seleccione  **\[Engage] → Contenido**.
2. En la *tarjeta de Correos electrónicos* selecciona **Crear nuevo** o **Editar correos electrónicos** para editar plantillas existentes.
3. Si estás creando una nueva plantilla, selecciona **Crear una nueva plantilla de correo electrónico** e introduce un ID corto y descriptivo para la plantilla de correo electrónico (por ejemplo, Acme Advocates) para identificar el correo. Usa este ID para identificar el correo al configurar las reglas de tu programa.
* Selecciona  **\[Más]** para eliminar una plantilla.
* Selecciona  **\[Icono de salir]** para minimizar el menú lateral.
4. Antes de usar el editor, selecciona **Editar** para completar la necesaria *Información de contacto* en la parte superior de la pantalla.
* Introduce el **Nombre del remitente** añadiendo un nombre estático que se muestre en el correo electrónico, por ejemplo, Acme Advocates.
* Introduce una **dirección del remitente** desde la cual se origina el dominio personalizado del correo electrónico.
* Si quieres ajustar la dirección de correo electrónico *del remitente* , tendrás que ajustar tu configuración para asegurarte de que nuestro sistema envía correos electrónicos auténticos en tu nombre. Para usar un dominio que poseas para la *Dirección del remitente*, debes [configurar un dominio](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate.md) desde la página de *Configuración* .
* Introduce una **CCO** para enviar una copia del correo electrónico.
* Introduce una **Asunto** del correo electrónico.
* Selecciona **Hecho** para guardar esta información.
5. A continuación, pasa a usar el editor.
#### Uso del editor
Es posible que necesites actualizar tu editor de correo electrónico a la versión más reciente antes de poder redactar tu correo con facilidad. Para hacerlo, busca el banner azul en la parte superior de la página y selecciona **Actualizar ahora**.
Todas las imágenes, el texto y los enlaces del correo electrónico se dividen en componentes individuales que conforman la estructura del correo. Estos componentes son los bloques de construcción del correo.
{% hint style="success" icon="memo-circle-check" %}
**Nota:** Consulta la [*referencia de componentes del correo electrónico*](#component-reference-0-2) más abajo para entender mejor cómo funcionan los iconos del editor.
{% endhint %}
Opciones de vista previa
* **menú desplegable de acciones** - Esta opción te permite elegir entre previsualizar el correo electrónico en su totalidad o enviar un correo de prueba. También puedes alternar entre la vista del lienzo para escritorio o para dispositivos móviles.
* **Mostrar estructura** - Esta opción aplica una cuadrícula al lienzo para que puedas comprobar la alineación de tus distintos componentes.
* **Mostrar etiquetas de combinación** - Esta opción te permite activar la posibilidad de ver cómo se mostrarán tus valores dinámicos a los destinatarios. Por ejemplo, en lugar de ver tu texto de marcador de posición, como *Nombre de la empresa*, verás el nombre real de la empresa, por ejemplo, Stark Industries.
* **Importar plantilla de correo electrónico** - Esta opción te permite importar cualquier plantilla de correo electrónico existente que hayas creado.
* **Exportar plantilla de correo electrónico** - Una vez que hayas redactado tu correo electrónico, puedes usar esta opción para exportar la plantilla de correo electrónico.
Añadir un componente de correo electrónico
**Limitado:** Añadir componentes adicionales a un correo electrónico de Advocate solo está disponible en determinadas ediciones de Advocate. [Contacta con soporte](https://app.impact.com/support/portal.ihtml) para actualizar tu cuenta y acceder a esta función.
1. Selecciona  **\[Contenido]** para elegir un nuevo componente.
2. **Selecciona y arrastra** el componente al área del correo electrónico donde quieras que aparezca. Aparecerá una barra verde en el correo para ayudarte a colocar el nuevo componente.
3. Opcionalmente, ajusta el contenido o la apariencia del componente:
* **Selecciona** el componente que deseas modificar.
* A la derecha, en la sección de contenido, aparecerán las opciones de edición para ese componente.
4. **Guardar** tus cambios.
* El editor de correo electrónico no guarda los cambios automáticamente. Asegúrate de seleccionar **Guardar** en la esquina superior derecha de la pantalla. Si has cometido un error, puedes salir del editor y los cambios no se guardarán.
{% hint style="success" icon="memo-circle-check" %}
**Nota:** Los nuevos componentes interactuarán con los componentes existentes en el correo, lo que puede hacer que el texto y las imágenes existentes se desplacen. Por lo general, es más fácil hacer cambios en componentes existentes actualizando una imagen ya existente o añadiendo texto al contenido actual.
{% endhint %}
Eliminar un componente
1. En la *espacio de trabajo*, selecciona el componente que deseas eliminar.
2. Selecciona  **\[Eliminar]** para eliminar el componente del correo electrónico.
3. **Guardar** tus cambios.
Actualizar el texto del correo electrónico
El texto del correo electrónico se divide en componentes de texto que se administran en diferentes secciones del correo.
1. Añade un nuevo componente de texto desde la  **\[Contenido]** sección o selecciona un componente existente.
2. Ajusta el texto del componente escribiendo directamente en el área.
3. Con el componente de texto resaltado, puedes cambiar la fuente, el color, el grosor o el espaciado del texto en la parte izquierda, en la *sección de contenido* .
4. Cuando hayas terminado las actualizaciones, selecciona **Acciones** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Menú desplegable] → Enviar correo de prueba** para enviarte un correo de prueba.
5. Si el correo de prueba se ve bien, **Guardar** tus cambios.
Añadir una imagen personalizada
**Limitado:** Añadir un componente adicional de imagen personalizada a un correo electrónico de Advocate solo está disponible en determinadas ediciones de Advocate. [Contacta con soporte](https://app.impact.com/support/portal.ihtml) para actualizar tu cuenta y acceder a esta función.
1. Añade un nuevo componente de imagen o resalta el componente de imagen que deseas actualizar.
2. Una vez seleccionado, haz doble clic para abrir la ventana de *Seleccionar imagen* . Selecciona **Añadir imágenes** para elegir la imagen que deseas usar. Una vez que la imagen se haya cargado en la *Seleccionar imagen* ventana, haz doble clic para añadirla al nuevo componente.
3. Ajusta el tamaño y la ubicación de la imagen usando los selectores en el *espacio de trabajo*.
4. Cuando hayas terminado las actualizaciones, selecciona **Acciones** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Menú desplegable]** → **Enviar correo de prueba** para enviarte un correo de prueba.
5. Si el correo de prueba se ve bien, **Guardar** tus cambios.
Añadir contenido dinámico
Las etiquetas de combinación te permiten añadir contenido dinámico, como el nombre del participante o la cantidad recompensada, al texto del correo electrónico. Puedes añadir una etiqueta de combinación a cualquier componente de texto.
{% hint style="success" icon="memo-circle-check" %}
**Nota:** Si no hay información que corresponda a la etiqueta de combinación que estás usando, los participantes verán un espacio adicional en el texto del correo electrónico. Por ejemplo, si usas *"Hola `{{user.firstName}}`. ¿Cómo estás?"* en tu correo electrónico, pero el usuario no tenía datos en el campo firstName, el correo se mostraría como *"Hola . ¿Cómo estás?"*.
{% endhint %}
1. En el área del lienzo, añade o selecciona el componente de texto al que quieras añadir una etiqueta de combinación.
2. En la barra de herramientas vinculada al componente, coloca el cursor en el área donde quieras colocar la etiqueta de combinación y luego selecciona **Etiquetas de combinación**.
3. **Guardar** tus cambios.
{% hint style="danger" %}
**Importante:** Un correo de prueba enviado dentro del editor no incluirá ningún valor donde se hayan colocado las etiquetas de combinación.
{% endhint %}
#### referencia de componentes del correo electrónico
Esta sección te mostrará los distintos iconos de la barra de herramientas accesibles en el editor de correo electrónico.
Iconos de contenido
Esta pestaña es donde puedes insertar componentes y editar el aspecto de cada componente una vez seleccionado e insertado en el lienzo:
| Elemento | Descripción |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **\[Código de recompensa en efectivo para Advocate]** | Inserta un componente de código de recompensa en efectivo de Advocate en el lienzo para mostrar los códigos de recompensa en efectivo disponibles. |
| **\[Código de recompensa de Advocate]** | Inserta un componente de código de recompensa de Advocate en el lienzo para crear códigos de recompensa de fueltank. |
| **\[Código de recompensa para amigos]** | Inserta un componente de código de recompensa para amigos en el lienzo para crear códigos de recompensa de fueltank para compartir con amigos. |
|  **\[Título]** | Inserta un componente de texto de título en el lienzo. |
|  **\[Párrafo]** | Inserta un componente de texto de párrafo en el lienzo. |
|  **\[Lista]** | Inserta un componente de lista con viñetas en el lienzo. |
|  **\[Imagen]** | Inserta un componente de imagen en el lienzo. |
|  **\[Botón]** | Inserta un componente de botón interactivo en el lienzo. |
|  **\[Separador]** | Inserta un componente separador en el lienzo. |
|  **\[Espaciador]** | Inserta un componente espaciador en el lienzo. |
|  **\[Social** | Inserta un componente social para añadir botones de redes sociales que enlacen a tus distintas plataformas sociales. |
|  **\[Contenido dinámico]** | Inserta componentes de contenido dinámico para incluir información que quieras que se complete dinámicamente en el momento de enviar los correos electrónicos, de modo que el correo tenga un toque personalizado. |
|  **\[HTML]** | Inserta componentes con código HTML en el lienzo. Puedes introducir el código a la derecha y se formateará dentro del lienzo. |
|  **\[Iconos]** | Inserta un componente de iconos en el lienzo. |
Filas
Aquí puedes encontrar más secciones de correo electrónico prediseñadas que se pueden añadir a tus correos simplemente arrastrándolas y colocándolas en su sitio.
* **Predeterminado** - bloques de contenido prediseñados.
* **Vacío** - espacio reservado para contenido que podrías añadir en una fase posterior.
* **Personalizado** - crea tu propio contenido para insertar, especialmente útil cuando se trata de reutilizar contenido.
Configuración
En esta pestaña puedes modificar y cambiar los ajustes de diseño. Estos ajustes se aplican a todo el correo electrónico.
* **Ancho del área de contenido** - Cambia el ancho del área del lienzo en la que se añade tu contenido.
* **Alineación del área de contenido** - Selecciona si quieres que el contenido del correo esté alineado a la izquierda o al centro del lienzo.
* **Color de fondo** - Selecciona el bloque de color para elegir un tono del degradado de colores que aparecerá, o introduce el código hex para un color preciso del fondo del correo electrónico. Para fondos transparentes, simplemente escribe “transparent” como código hex.
* **Color de fondo del área de contenido** - Selecciona el bloque de color para elegir un tono del degradado de colores que aparecerá, o introduce el código hex para un color preciso del fondo del área de contenido. Para fondos transparentes, simplemente escribe “transparent” como código hex.
* **Fuente predeterminada** - Selecciona la fuente que deseas para tus componentes de texto. La lista desplegable te muestra una vista previa de cómo se verá cada opción de fuente.
* **Color de enlace** - Selecciona el bloque de color para elegir un tono del degradado de colores que aparecerá, o introduce el código hex para un color preciso de los enlaces. Para fondos transparentes, simplemente escribe “transparent” como código hex.
* **HTML personalizado en el encabezado** - Selecciona esta opción para introducir cualquier código HTML personalizado que quieras incorporar en la plantilla de correo electrónico.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://help.impact.com/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
**\[Código de recompensa de Advocate]** | Inserta un componente de código de recompensa de Advocate en el lienzo para crear códigos de recompensa de fueltank. |
| 
**\[Código de recompensa para amigos]** | Inserta un componente de código de recompensa para amigos en el lienzo para crear códigos de recompensa de fueltank para compartir con amigos. |
|  **\[Título]** | Inserta un componente de texto de título en el lienzo. |
|  **\[Párrafo]** | Inserta un componente de texto de párrafo en el lienzo. |
|  **\[Lista]** | Inserta un componente de lista con viñetas en el lienzo. |
|  **\[Imagen]** | Inserta un componente de imagen en el lienzo. |
|  **\[Botón]** | Inserta un componente de botón interactivo en el lienzo. |
|  **\[Separador]** | Inserta un componente separador en el lienzo. |
|  **\[Espaciador]** | Inserta un componente espaciador en el lienzo. |
|  **\[Social** | Inserta un componente social para añadir botones de redes sociales que enlacen a tus distintas plataformas sociales. |
|  **\[Contenido dinámico]** | Inserta componentes de contenido dinámico para incluir información que quieras que se complete dinámicamente en el momento de enviar los correos electrónicos, de modo que el correo tenga un toque personalizado. |
|  **\[HTML]** | Inserta componentes con código HTML en el lienzo. Puedes introducir el código a la derecha y se formateará dentro del lienzo. |
|  **\[Iconos]** | Inserta un componente de iconos en el lienzo. |