> 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
Realiza el curso de PXA
Tu programa está configurado inicialmente con versiones predeterminadas de los correos del programa para que puedas empezar a funcionar lo antes posible. Estas versiones predeterminadas incluyen imágenes y mensajes genéricos para transmitir la esencia del correo. Recomendamos adaptar los correos de tu programa para asegurarte de que la información sea relevante para tu programa y 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 del participante en tus correos.
#### Crear o editar una plantilla de correo electrónico
Tendrás al menos un correo del programa creado cuando configures las reglas de tu programa. Recomendamos editar los correos existentes del programa y crear uno nuevo solo si es necesario.
1. En el menú de navegación izquierdo, seleccione  **\[Engage] → Contenido**.
2. En el *Correos electrónicos* tarjeta, selecciona **Crear nuevo** o **Editar correos** para editar plantillas existentes.
3. Si estás creando una nueva plantilla, selecciona **Crear una nueva plantilla de correo electrónico** e ingresa un ID corto y descriptivo de 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.
* Seleccione  **\[Más]** para eliminar una plantilla.
* Seleccione  **\[Icono de salida]** para minimizar el menú lateral.
4. Antes de usar el editor, selecciona **Editar** para completar los *Información de contacto* requeridos en la parte superior de la pantalla.
* Introduce el **Nombre del remitente** agregando un nombre estático que se muestre en el correo, por ejemplo, Acme Advocates.
* Introduce un **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 de *remitente* de correo electrónico, deberás ajustar tu configuración para asegurarte de que nuestro sistema esté enviando correos auténticos en tu nombre. Para usar un dominio que posees para el *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) de la *Ajustes* .
* Introduce un **CCO** para enviar una copia del correo.
* Introduce un **Asunto** para el correo electrónico.
* Seleccione **Listo** para guardar esta información.
5. A continuación, continúa usando el editor.
#### Uso del editor
Es posible que necesites actualizar tu editor de correos 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 se distribuyen 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:** Consulte la [*Referencia de componentes del correo electrónico*](#component-reference-0-2) sección a continuación para comprender 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 completo o enviar un correo de prueba. También puedes alternar entre la vista del lienzo para escritorio o para 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 capacidad de ver qué 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, 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 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. Seleccione  **\[Contenido]** para elegir un nuevo componente.
2. **Selecciona y arrastra** el componente al área del correo donde deseas que aparezca. Aparecerá una barra verde en el correo para ayudarte a colocarlo en el lugar correcto.
3. Opcionalmente, ajusta el contenido o la apariencia del componente:
* **Seleccione** el componente que te gustaría 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 correos no guarda los cambios automáticamente. Asegúrate de seleccionar **Guardar** en la parte superior derecha de la pantalla. Si cometiste 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 los componentes existentes actualizando una imagen existente o agregando texto al contenido existente.
{% endhint %}
Eliminar un componente
1. En el *espacio de trabajo*, selecciona el componente que deseas eliminar.
2. Seleccione  **\[Eliminar]** para eliminar el componente del correo.
3. **Guardar** tus cambios.
Actualizar el texto del correo
El texto del correo 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 a la izquierda, en *contenido* sección.
4. Una vez que termines 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.
Agregar una imagen personalizada
**Limitado:** Añadir un componente adicional de imagen personalizada a un correo 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 quieres actualizar.
2. Una vez seleccionado, haz doble clic para abrir la ventana de *Seleccionar imagen* . Selecciona **Añadir imágenes** para seleccionar la imagen que deseas usar. Una vez que la imagen se haya cargado en la ventana de *Seleccionar imagen* , haz doble clic para agregarla al nuevo componente.
3. Ajusta el tamaño y la ubicación de la imagen usando los selectores en el *Espacio de trabajo*.
4. Una vez que termines 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.
Agregar contenido dinámico
Las etiquetas de combinación te permiten agregar contenido dinámico, como el nombre del participante o el importe recompensado, al texto del correo. Puedes agregar 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. Por ejemplo, si usas *"Hola `{{user.firstName}}`. ¿Cómo estás?"* en tu correo, 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, agrega o selecciona el componente de texto al que quieres añadir una etiqueta de combinación.
2. En la barra de herramientas vinculada al componente, coloca el cursor en el área donde quieres que se inserte 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 en los lugares donde se hayan colocado las etiquetas de combinación.
{% endhint %}
#### Referencia de componentes del correo electrónico
Esta sección te guiará por los distintos iconos de la barra de herramientas disponibles en el editor de correos.
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 de 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 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 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 agregar botones de redes sociales y enlazar tus distintas plataformas sociales. |
|  **\[Contenido dinámico]** | Inserta componentes de contenido dinámico para incluir información que deseas que se complete dinámicamente en el momento de enviar los correos, de modo que el correo tenga un toque personalizado. |
|  **\[HTML]** | Inserta componentes con código HTML en el lienzo. Puedes insertar el código a la derecha y se formatea dentro del lienzo. |
|  **\[Iconos]** | Inserta un componente de iconos en el lienzo. |
Filas
Aquí puedes encontrar más secciones de correo preconstruidas que se pueden agregar a tus correos simplemente arrastrándolas y soltándolas en su lugar.
* **Predeterminado** - bloques de contenido preconstruidos.
* **Vacío** - inserta un espacio reservado para contenido que podrías agregar en una etapa posterior.
* **Personalizado** - construye tu propio contenido para insertar, especialmente útil cuando se trata de reutilizar contenido.
Ajustes
Esta pestaña es donde puedes modificar y cambiar la configuración de diseño. Estas configuraciones se aplican a todo el correo.
* **Ancho del área de contenido** - Cambia el ancho del área del lienzo en el 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 de la gradiente de colores que aparecerá, o ingresa el código hex para un color preciso del fondo del correo. 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 de la gradiente de colores que aparecerá, o ingresa 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 quieres que tengan tus componentes de texto. La lista desplegable te muestra una vista previa de cómo se verá cada opción de fuente.
* **Color del enlace** - Selecciona el bloque de color para elegir un tono de la gradiente de colores que aparecerá, o ingresa el código hex para un color preciso de los enlaces. Para fondos transparentes, simplemente escribe “transparent” como código hex.
* **HTML personalizado del 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 by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
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 what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
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 en efectivo de 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 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 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 agregar botones de redes sociales y enlazar tus distintas plataformas sociales. |
|  **\[Contenido dinámico]** | Inserta componentes de contenido dinámico para incluir información que deseas que se complete dinámicamente en el momento de enviar los correos, de modo que el correo tenga un toque personalizado. |
|  **\[HTML]** | Inserta componentes con código HTML en el lienzo. Puedes insertar el código a la derecha y se formatea dentro del lienzo. |
|  **\[Iconos]** | Inserta un componente de iconos en el lienzo. |