> 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

<a href="https://pxa.impact.com/student/activity/2356725-micro-create-and-customize-transactional-emails-on-impact-com-advocate?utm_source=help.impact.com&#x26;utm_medium=featured-link&#x26;utm_content=adv-250-1&#x26;utm_campaign=help-center" class="button primary">Tome el curso PXA</a>

Su programa está configurado inicialmente con versiones predeterminadas de los correos electrónicos del programa para que pueda ponerse en marcha lo más rápido posible. Estas versiones predeterminadas se cargan con imágenes y mensajes genéricos para transmitir la esencia del correo electrónico. Recomendamos adaptar los correos electrónicos de su programa para garantizar que la información sea relevante para su programa y su producto.

Consulte 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 sus correos electrónicos.

#### Crear o editar una plantilla de correo electrónico

Tendrá al menos un correo electrónico del programa creado cuando configure las reglas de su 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 izquierdo, seleccione ![](/files/fe7777a565e5a85579aeb006aa379fcc1b594c29) **\[Engage] → Contenido**.
2. En el *Correos electrónicos* tarjeta, selecciona **Crear nuevo** o **Editar correos electrónicos** para editar plantillas existentes.
3. Si está creando una nueva plantilla, seleccione **Crear una nueva plantilla de correo electrónico** e introduzca un ID corto y descriptivo de la plantilla de correo electrónico (p. ej., Acme Advocates) para identificar el correo. Utilice este ID para identificar el correo electrónico al configurar las reglas de su programa.

<div data-with-frame="true"><figure><img src="/files/2de0e6931a8722e6b31adcabcb423aa6c744f47d" alt="" width="375"><figcaption></figcaption></figure></div>

* Seleccione ![](/files/9a98614a368bc1aa202b222f501c024936a641e1) **\[Más]** para eliminar una plantilla.
* Seleccione ![](/files/38591830cf6a2632e475c994aeea30ba76f58cc5) **\[Icono de salir]** para minimizar el menú lateral.

<div data-with-frame="true"><figure><img src="/files/6c76a099d1b6149902bf167fa6570682fadff6fd" alt="" width="295"><figcaption></figcaption></figure></div>

4. Antes de usar el editor, seleccione **Editar** para completar el *Información de contacto* obligatorio en la parte superior de su pantalla.
   * Ingrese el **Nombre del remitente** añadiendo un nombre estático que se muestre en el correo electrónico, p. ej., Acme Advocates.
   * Introduce un **Dirección del remitente** de la que se origina el dominio personalizado del correo electrónico.
     * Si desea ajustar la dirección de correo electrónico del *remitente* , deberá ajustar su configuración para garantizar que nuestro sistema envíe correos electrónicos auténticos en su nombre. Para utilizar un dominio que usted posea para la *Dirección del remitente*, debe [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 *Configuración* página.
   * Introduce un **CCO** para enviar una copia del correo electrónico.
   * Introduce un **Asunto** para el correo electrónico.
   * Seleccione **Hecho** para guardar esta información.
5. A continuación, continúe usando el editor.

#### Uso del editor

Puede que necesite actualizar su editor de correo electrónico a la versión más reciente antes de poder redactar su correo con facilidad. Para hacerlo, busque el banner azul en la parte superior de la página y seleccione **Actualizar ahora**.

<div data-with-frame="true"><figure><img src="/files/94a5ea217cb5c5b9ddeb522d40d2ae343aae624b" alt=""><figcaption></figcaption></figure></div>

Todas las imágenes, el texto y los enlaces del correo electrónico se dividen en componentes individuales que forman la estructura del correo electrónico. Estos componentes son los bloques de construcción del correo electrónico.

<div data-with-frame="true"><figure><img src="/files/9cb1d09c627e3d8979710730eb2d9399c247adeb" alt="" width="563"><figcaption></figcaption></figure></div>

{% 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 %}

<details>

<summary>Opciones de vista previa</summary>

* **Menú desplegable de acciones** - Esta opción le permite elegir entre previsualizar el correo electrónico completo o enviar un correo de prueba. También puede 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 pueda comprobar la alineación de los distintos componentes.
* **Mostrar etiquetas de combinación** - Esta opción le permite activar la capacidad de ver cómo se mostrarán sus valores dinámicos a los destinatarios. Por ejemplo, en lugar de ver su texto de marcador de posición, como *Nombre de la empresa*, verá el nombre real de la empresa, por ejemplo, Stark Industries.
* **Importar plantilla de correo electrónico** - Esta opción le permite importar cualquier plantilla de correo electrónico existente que haya creado.
* **Exportar plantilla de correo electrónico** - Una vez que haya redactado su correo electrónico, puede usar esta opción para exportar la plantilla del correo electrónico.

</details>

<details>

<summary>Añadir un componente de correo electrónico</summary>

**Limitado:** La adición de componentes adicionales a un correo electrónico de Advocate solo está disponible en ediciones específicas de Advocate. [Contactar con soporte](https://app.impact.com/support/portal.ihtml) para actualizar tu cuenta y acceder a esta función.

1. Seleccione ![content-advocate.svg](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-29f7728451e63f195300b790407cfb1c.svg) **\[Contenido]** para elegir un nuevo componente.
2. **Seleccione y arrastre** el componente al área del correo electrónico donde desea que aparezca. Aparecerá una barra verde en el correo electrónico para ayudarle a colocar el nuevo componente en su correo.
3. Opcionalmente, ajuste el contenido o la apariencia del componente:
   * **Seleccione** el componente que desea modificar.
   * A la derecha, debajo de la sección de contenido, aparecerán las opciones de edición de ese componente.
4. **Guardar** tus cambios.
   * El editor de correo electrónico no guarda los cambios automáticamente. Asegúrese de seleccionar **Guardar** en la esquina superior derecha de la pantalla. Si ha cometido un error, puede 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 electrónico, lo que puede provocar que el texto y las imágenes existentes se desplacen. Por lo general, es más fácil realizar cambios en los componentes existentes actualizando una imagen existente o añadiendo texto al contenido existente.
{% endhint %}

</details>

<details>

<summary>Eliminar un componente</summary>

1. En el *espacio de trabajo*, seleccione el componente que desea eliminar.
2. Seleccione ![](/files/ad4ad86cff003266435e74f932ba010d553f64bf) **\[Eliminar]** para eliminar el componente del correo electrónico.
3. **Guardar** tus cambios.

</details>

<details>

<summary>Actualizar el texto del correo electrónico</summary>

El texto del correo electrónico se divide en componentes de texto que se gestionan en distintas secciones del correo electrónico.

1. Añada un nuevo componente de texto desde la ![](/files/131b0019a6eed8d8e296b97b9ce18eb57853dc44) **\[Contenido]** sección o seleccione un componente existente.
2. Ajuste el texto del componente escribiendo directamente en el área.
3. Con el componente de texto resaltado, puede modificar la fuente, el color, el grosor o el espaciado del texto en la parte izquierda, debajo de la sección de *contenido* sección.
4. Una vez completadas las actualizaciones, seleccione **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 enviarse un correo de prueba.
5. Si el correo de prueba se ve bien, **Guardar** tus cambios.

</details>

<details>

<summary>Añadir una imagen personalizada</summary>

**Limitado:** La adición de un componente de imagen personalizada adicional a un correo electrónico de Advocate solo está disponible en ediciones específicas de Advocate. [Contactar con soporte](https://app.impact.com/support/portal.ihtml) para actualizar tu cuenta y acceder a esta función.

1. Añada un nuevo componente de imagen o resalte el componente de imagen que desea actualizar.
2. Una vez seleccionado, haga doble clic para abrir la ventana *Seleccionar imagen* Seleccione **Añadir imágenes** para seleccionar la imagen que desea usar. Una vez que la imagen se haya cargado en la ventana *Seleccionar imagen* , haga doble clic para añadirla al nuevo componente.
3. Ajuste el tamaño y la ubicación de la imagen usando los selectores del *Espacio de trabajo*.
4. Una vez completadas las actualizaciones, seleccione **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 enviarse un correo de prueba.
5. Si el correo de prueba se ve bien, **Guardar** tus cambios.

</details>

<details>

<summary>Añadir contenido dinámico</summary>

Las etiquetas de combinación le permiten añadir contenido dinámico, como el nombre del participante o la cantidad recompensada, al texto del correo electrónico. Puede 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á usando, los participantes verán un espacio adicional en el texto del correo electrónico. Por ejemplo, si usa *"Hola `{{user.firstName}}`. ¿Cómo estás?"* en su correo electrónico, pero el usuario no tenía datos en el campo firstName, el correo electrónico se mostraría como *"Hola . ¿Cómo estás?"*.
{% endhint %}

1. En el área del lienzo, añada o seleccione el componente de texto al que desea añadir una etiqueta de combinación.
2. En la barra de herramientas vinculada al componente, coloque el cursor en el área donde desea colocar la etiqueta de combinación y luego seleccione **Etiquetas de combinación**.

<figure><img src="/files/0c7a76f32c3817a9ea055941826a15365bbe8a7c" alt=""><figcaption></figcaption></figure>

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 %}

</details>

#### Referencia de componentes del correo electrónico <a href="#component-reference-0-2" id="component-reference-0-2"></a>

Esta sección le guiará por los distintos iconos de la barra de herramientas disponibles en el editor de correo electrónico.

<details>

<summary>Iconos de contenido</summary>

Esta pestaña es donde puede insertar componentes y editar el aspecto de cada componente una vez seleccionado e insertado en el lienzo:

| Elemento                                                                                                                                                                                                                                        | Descripción                                                                                                                                                                                                     |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/files/19f2310559b2c96d0d3bb57d3f4a1d40d35fde49" alt="" data-size="line"> **\[Código de recompensa en efectivo de Advocate]**                                                                                                         | Inserte un componente de código de recompensa en efectivo de Advocate en el lienzo para mostrar los códigos de recompensa en efectivo disponibles.                                                              |
| <img src="https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-39d957530748d07d955b2eb7c5bb7f8f.png" alt="advocate.png" data-size="line"> **\[Código de recompensa de Advocate]**           | Inserte un componente de código de recompensa de Advocate en el lienzo para crear códigos de recompensa fueltank.                                                                                               |
| <img src="https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-e4f78e511bd3efb78537bf2ed920d0ad.png" alt="friend-reward-code.png" data-size="line"> **\[Código de recompensa de un amigo]** | Inserte un componente de código de recompensa de un amigo en el lienzo para crear códigos de recompensa fueltank para compartir con amigos.                                                                     |
| ![](/files/05955e2c2a3e537598803c586a01b3d90c0c4093) **\[Título]**                                                                                                                                                                              | Inserte un componente de texto de título en el lienzo.                                                                                                                                                          |
| ![](/files/22a8c98ea3762949f904815da513f9a6759b3f70) **\[Párrafo]**                                                                                                                                                                             | Inserte un componente de texto de párrafo en el lienzo.                                                                                                                                                         |
| ![](/files/2ca6a5468f58d564302ed922b89984ab6800d2b4) **\[Lista]**                                                                                                                                                                               | Inserte un componente de lista con viñetas en el lienzo.                                                                                                                                                        |
| ![](/files/2714e985c495b5370cef9c55848c6d2f01cf4301) **\[Imagen]**                                                                                                                                                                              | Inserte un componente de imagen en el lienzo.                                                                                                                                                                   |
| ![](/files/909bd1eb23bb8a3724f74a99c2f3fcb9b399a458) **\[Botón]**                                                                                                                                                                               | Inserte un componente de botón interactivo en el lienzo.                                                                                                                                                        |
| ![](/files/fb833f0b63644bde0129e554d5373eece295f5fd) **\[Separador]**                                                                                                                                                                           | Inserte un componente separador en el lienzo.                                                                                                                                                                   |
| ![](/files/5b02caa9b803b24e41b1b6c2691128b1aeb6141b) **\[Espaciador]**                                                                                                                                                                          | Inserte un componente espaciador en el lienzo.                                                                                                                                                                  |
| ![](/files/4ee3bad3d710d6296ea1481fd5762d8cd7f4854d) **\[Social**                                                                                                                                                                               | Inserte un componente social para añadir botones de redes sociales y enlazar con sus distintas plataformas sociales.                                                                                            |
| ![](/files/f220a267a11c6c7605c60de288286f4c9ad4fdd7) **\[Contenido dinámico]**                                                                                                                                                                  | Inserte componentes de contenido dinámico para incluir información que desea que se rellene dinámicamente en el momento de enviar los correos electrónicos, de modo que el correo tenga un toque personalizado. |
| ![](/files/ffbad0f871417b928c05909f9f54e26605afa39d) **\[HTML]**                                                                                                                                                                                | Inserte componentes codificados en HTML en el lienzo. Puede introducir el código a la derecha y se formatea dentro del lienzo.                                                                                  |
| ![](/files/305177e6b242c99b7545ab52b262cb3dc6a3218f) **\[Iconos]**                                                                                                                                                                              | Inserte un componente de iconos en el lienzo.                                                                                                                                                                   |

</details>

<details>

<summary>Filas</summary>

Aquí puede encontrar más secciones de correo electrónico prediseñadas que se pueden añadir a sus correos simplemente arrastrándolas y soltándolas en su lugar.

* **predeterminada** - bloques de contenido prediseñados.
* **Vacío** - inserte espacio reservado para contenido que podría añadir más adelante.
* **Personalizado** - cree su propio contenido para insertar, especialmente útil cuando se trata de reutilización de contenido.

</details>

<details>

<summary>Configuración</summary>

Esta pestaña es donde puede modificar y cambiar la configuración de diseño. Estos ajustes se aplican a todo el correo electrónico.

* **Ancho del área de contenido** - Cambie el ancho del área del lienzo en la que se añade su contenido.
* **Alineación del área de contenido** - Seleccione si desea que el contenido del correo electrónico esté alineado a la izquierda o centrado en el lienzo.
* **Color de fondo** - Seleccione el bloque de color para elegir un tono de la gradiente de color que aparecerá, o introduzca el código hexadecimal para un color preciso del fondo del correo electrónico. Para fondos transparentes, simplemente escriba “transparent” como código hexadecimal.
* **Color de fondo del área de contenido** - Seleccione el bloque de color para elegir un tono de la gradiente de color que aparecerá, o introduzca el código hexadecimal para un color preciso del fondo del área de contenido. Para fondos transparentes, simplemente escriba “transparent” como código hexadecimal.
* **Fuente predeterminada** - Seleccione la fuente que desea para sus componentes de texto. La lista desplegable le muestra una vista previa de cómo se verá cada opción de fuente.
* **Color del enlace** - Seleccione el bloque de color para elegir un tono de la gradiente de color que aparecerá, o introduzca el código hexadecimal para un color preciso de los enlaces. Para fondos transparentes, simplemente escriba “transparent” como código hexadecimal.
* **HTML personalizado del encabezado** - Seleccione esta opción para introducir cualquier código HTML personalizado que desee incorporar en la plantilla de correo electrónico.

</details>


---

# 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=<question>&goal=<endgoal>
```

`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.
