# 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">Tomar el curso PXA</a>

Su programa viene configurado inicialmente con versiones predeterminadas de los correos electrónicos del programa para ayudarle a ponerse en marcha lo más rápido posible. Estas versiones predeterminadas vienen 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 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 de cada 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* , 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 breve y descriptivo de la plantilla de correo electrónico (por ejemplo, Acme Advocates) para identificar el correo electrónico. Use este ID para identificar el correo electrónico al configurar las reglas de su programa.

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

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

<div data-with-frame="true"><figure><img src="/files/aeec1c2bc5ba46ccf2e672c85be8160157df86c7" alt="" width="422"><figcaption></figcaption></figure></div>

4. Antes de usar el editor, seleccione **Editar** para completar los *Información de contacto* obligatorios
   * Introduzca el **Nombre del remitente** añadiendo un nombre estático que se muestre en el correo electrónico, por ejemplo, Acme Advocates.
   * Ingrese un **Dirección del remitente** desde la cual se origina el dominio personalizado del correo electrónico.
     * Si desea ajustar la *De* dirección de correo electrónico, deberá ajustar su configuración para garantizar que nuestro sistema envíe correos electrónicos auténticos en su nombre. Para usar 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) del *Configuración* .
   * Ingrese un **CCO** para enviar una copia del correo electrónico.
   * Ingrese un **Asunto** para el correo electrónico.
   * Selecciona **Hecho** para guardar esta información.
5. A continuación, continúe usando el editor.

#### Uso del editor

Es posible que deba 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 configuran en componentes individuales que conforman la estructura del correo. Estos componentes son los bloques de construcción del correo electrónico.

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

{% hint style="success" icon="memo-circle-check" %}
**Nota:** Consulta 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 en su totalidad o enviar un correo de prueba. También puede 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 pueda comprobar la alineación de los distintos componentes.
* **Mostrar etiquetas de combinación** - Esta opción le permite activar la capacidad de ver qué mostrarán sus valores dinámicos a los destinatarios. Por ejemplo, en lugar de ver el 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 de correo.

</details>

<details>

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

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

1. Selecciona ![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 para ayudarle a colocar el nuevo componente en su correo.
3. Opcionalmente, ajuste el contenido o la apariencia del componente:
   * **Selecciona** el componente que desea modificar.
   * A la derecha, en 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 parte 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 hacer 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 ya 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. Selecciona ![](/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 administran en diferentes secciones del correo.

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 realizar cambios en la fuente, el color, el grosor o el espaciado del texto en el lado izquierdo, debajo de *contenido* sección.
4. Una vez finalizadas sus 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 a sí mismo 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:** Añadir un componente de imagen personalizada extra a un correo electrónico de Advocate solo está disponible para ciertas ediciones 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 de *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 de *Seleccionar imagen* haga doble clic en ella para añadirla al nuevo componente.
3. Ajuste el tamaño y la ubicación de la imagen usando los selectores en el *Espacio de trabajo*.
4. Una vez finalizadas sus 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 a sí mismo 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 el importe recompensado, 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 se mostrará 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 insertar la etiqueta de combinación y, a continuación, 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á a través de 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 de 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 amigo]** | Inserte un componente de código de recompensa de amigo en el lienzo para crear códigos de recompensa de 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 que enlacen con sus distintas plataformas sociales.                                                                                 |
| ![](/files/f220a267a11c6c7605c60de288286f4c9ad4fdd7) **\[Contenido dinámico]**                                                                                                                                                               | Inserte componentes de contenido dinámico para introducir información que desea que se rellene dinámicamente al enviar correos electrónicos, de modo que el correo pueda tener un toque personalizado. |
| ![](/files/ffbad0f871417b928c05909f9f54e26605afa39d) **\[HTML]**                                                                                                                                                                             | Inserte componentes codificados en HTML en el lienzo. Puede introducir el código a la derecha y se formateará dentro del lienzo.                                                                       |
| ![](/files/305177e6b242c99b7545ab52b262cb3dc6a3218f) **\[Iconos]**                                                                                                                                                                           | Inserte un componente de icono 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.

* **Predeterminado** - bloques de contenido prediseñados.
* **Vacío** - espacio reservado para contenido que podría añadir en una etapa posterior.
* **Personalizado** - cree su propio contenido para insertar, especialmente útil cuando se trata de reutilización de contenido.

</details>

<details>

<summary>Configuración</summary>

En esta pestaña puede modificar y cambiar los ajustes 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 esté alineado a la izquierda o al centro del lienzo.
* **Color de fondo** - Seleccione el bloque de color para elegir un tono del degradado de color que aparecerá, o introduzca el código hexadecimal de un color preciso para el fondo del correo. 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 del degradado de color que aparecerá, o introduzca el código hexadecimal de un color preciso para el 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 del degradado de color que aparecerá, o introduzca el código hexadecimal de un color preciso para los enlaces. Para fondos transparentes, simplemente escriba "transparent" como código hexadecimal.
* **HTML de cabecera personalizado** - Seleccione esta opción para introducir cualquier código HTML personalizado que desee incorporar en la plantilla de correo electrónico.

</details>


---

# Agent Instructions: 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:

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

The question should be specific, self-contained, and written in natural language.
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.
