Cómo agregar contenido a las campañas por correo electrónico

Usa las secciones para crear diferentes tipos de contenido en tu campaña.

Última actualización: 12 de enero de 2025

El cuerpo de las campañas por correo electrónico se compone de secciones de contenido. Utiliza diferentes secciones de contenido en distintas combinaciones para adaptarse a tu marca y atraer al público.

Esta guía trata sobre los diferentes tipos de secciones de contenido que puedes agregar, tanto a las campañas de correo masivo como a las campañas automatizadas. Para obtener información general sobre cómo crear campañas de marketing por correo electrónico, consulta Cómo crear campañas de email marketing. Para obtener información general sobre cómo crear automatizaciones, visita Enviar campañas automatizadas.

Añade una sección de contenidos

Puedes agregar los siguientes tipos de secciones de contenido a las campañas por correo electrónico haciendo clic en un ícono + en cualquier lugar entre el encabezado y el pie de página de la campaña. Haz clic en los enlaces para obtener más información sobre cada tipo de sección:

Texto

Las secciones de texto tienen diversos usos. Agrega bloques de texto más largos para newsletters o usa el formato para crear encabezados y dividir anuncios.

Después de Añadir una sección de texto:

  • Haz clic en Escribir aquí..., en la vista previa para añadir tu texto.
  • Destaca el texto para modificar su formato o añadir un enlace.
  • Resalta el texto y haz clic en |A| para cambiar el espaciado entre letras. También puedes hacerlo en las secciones de botones.
  • Usa el panel lateral para cambiar el estilo de los colores y el relleno de la sección y de las fuentes globales.

Consejo

Para combinar texto con una imagen, es mejor que uses una sección de imágenes.

Estilos de encabezado

Para utilizar estilos de encabezado, haz clic en ¶ en la barra de herramientas de texto después de resaltar el texto. Puedes elegir entre:

  • Párrafo
  • Título mediano
  • Título grande
  • Título extragrande

El estilo de párrafo suele ser para el cuerpo del texto u otros bloques de texto más grandes. Utiliza los distintos estilos de encabezado para dividir la campaña en secciones bien definidas.

No puedo editar el texto en un diseño

Algunos diseños usan imágenes que contienen texto. El diseño Hail, por ejemplo, tiene esta sección de imágenes:

In_some_layouts_the_text_is_part_of_the_image.png

Este es un archivo de imagen que tiene áreas transparentes. Puedes cambiar el color de fondo, que se ve a través de la imagen, pero no puedes cambiar el texto o su color, ya que forma parte de la imagen.

Si necesitas texto diferente, elimina esta imagen y reemplázala con tu propio texto o imágenes.

Imagen

Agrega una sección de imágenes para subir imágenes a tu campaña. Puedes subir hasta cuatro imágenes en cada sección.

Para obtener más información, consulta Imágenes en campañas por correo electrónico.

Botón

Agrega una sección de botones para crear un botón que vincule a una página del sitio o a una URL externa. Después:

  • Haz clic en Enlazar en el panel lateral para añadir un enlace. Si no lo haces, no se podrá hacer clic en el botón.
  • Edita la Etiqueta del Botón en la vista previa para modificar el texto del botón.
  • Usa las demás opciones para modificar el estilo del botón. El texto usa tus fuentes globales.

Cada sección de botón tiene solo un botón. Para agregar más botones, debes añadir secciones nuevas.

Espaciador

Agrega una sección espaciadora para crear un espacio en blanco. Después:

  • Utiliza el control deslizante Altura del panel lateral para ajustar el relleno de sección.
  • Haz clic en Color de fondo para configurar el color del fondo.

Estas son algunas sugerencias:

  • Usa una sección de espacio con otro color de fondo para separar las distintas secciones.
  • Añade espacio en blanco o altura a otras secciones agregando espacios por encima o por debajo y, luego, asígnales el mismo color de fondo para crear un aspecto uniforme.

Línea

Agrega una sección de línea para dividir secciones con una línea horizontal. Después:

  • Establece la longitud, el grosor y el relleno en el panel lateral.
  • Presiona Estilo para elegir si la línea es continua, de puntos o de guiones.
  • Establece el color de la línea y el fondo de la sección en Colores.

Blog

Agrega una sección de blog para crear avances de las entradas de blog publicadas incorporando contenido como extractos e imágenes destacadas. Las secciones de blog muestran los primeros 200 caracteres del extracto o entrada de blog.

Después de agregar una sección de blog:

  • Haz clic en Agregar publicación de blog para elegir hasta siete publicaciones. Al seleccionar publicaciones, aparecen en orden cronológico incluso si tienes varias páginas de blog.
  • Haz clic en una entrada de blog en el panel derecho para agregar texto alternativo. Esto solo agrega texto alternativo a tu campaña, no a la entrada de blog original de tu sitio.
  • Haz clic en Administrar para añadir, reorganizar y borrar publicaciones.
  • Haz clic en Detalles para mostrar u ocultar imágenes destacadas, fechas de publicación, nombres de autores, extractos y enlaces o botones “Leer más”. También puedes aplicar estilo a los colores de los botones aquí.
  • Haz clic en Diseño para elegir el diseño. Cada sección de blog tiene uno. Para agregar más anticipos de publicaciones de blog con diferentes diseños, agrega nuevas secciones.
  • Para los diseños Lateral, Lista y Numerados, cambia el ancho de la imagen haciendo clic en Tamaño de imagen. Las imágenes siempre se muestran de ancho completo en Windows Outlook.
  • Utiliza las otras opciones para aplicar estilo al relleno, los colores y las fuentes globales.
  • En la vista previa, haz clic en el texto para editarlo directamente. Esto no afectará las publicaciones del blog en tu sitio.
  • Desplaza el cursor sobre la imagen y haz clic en el ícono de lápiz para abrir el editor de imágenes. Esto no afectará la imagen de la entrada en tu sitio.

Después de que hayas obtenido el contenido de la publicación del blog, este no se sincronizará con tu blog. Si modificas una publicación del blog antes de enviar tu campaña, quita esa publicación y, luego, vuelve a agregarla, o actualízala manualmente en la campaña.

Consejo

También puedes crear campañas con toda la publicación.

Producto

Añade una sección de producto para extraer contenido de los artículos de la página de la tienda de tu sitio web. Después:

  • Haz clic en Añadir producto para elegir hasta siete productos. Al seleccionar productos, aparecen en orden cronológico incluso si tienes varias páginas de tienda.
  • Haz clic en un producto en el panel derecho para agregar texto alternativo. Esto solo agrega texto alternativo a tu campaña, no al producto original de tu sitio.
  • Haz clic en Administrar para añadir, reorganizar y borrar publicaciones.
  • Haz clic en Detalles para mostrar u ocultar el nombre del producto, el precio, la descripción y los enlaces o botones Añadir al carrito. También puedes aplicar estilos a los colores de los botones aquí.
  • Haz clic en Diseño para elegir el diseño. Cada sección de producto tiene uno. Para agregar más elementos con diferentes diseños, agrega nuevas secciones.
  • Para los diseños Lateral, Lista y Numerados, cambia el ancho de la imagen haciendo clic en Tamaño de imagen. Las imágenes siempre se muestran de ancho completo en Windows Outlook.
  • Utiliza las otras opciones para aplicar estilo al relleno, los colores y las fuentes globales.
  • Haz clic en el texto de la vista previa, incluidos los botones, para editarlo directamente. Esto no afectará los productos de tu sitio web.
  • Posiciona el cursor sobre la imagen y haz clic en el icono del lápiz para abrir el editor de imágenes. Esto no afectará la imagen del producto en tu sitio.

Después de que hayas añadido un producto a tu campaña, este no se sincroniza con tu sitio. Si modificas un producto de tu sitio antes de enviar tu campaña, puedes quitar ese producto y, luego, volver a agregarlo, o puedes actualizarlo manualmente en la campaña.

Descuento

Agrega una sección de descuento para agregar un descuento activo desde tu sitio o crea un nuevo código de descuento directamente en tu campaña.

Limitaciones:

  • Solo puedes agregar un descuento por campaña.
  • Actualmente, solo es posible crear descuentos porcentuales que se apliquen a cualquier pedido.Para usar otro tipo de descuento, primero créalo en el panel de Descuentos y luego haz clic en Usar código existente en la sección de descuento de tu campaña.
  • Si agregas un descuento con fecha de vencimiento a una automatización, es posible que la campaña se envíe después de esa fecha. Recomendamos usar solo descuentos sin vencimiento en campañas automatizadas para garantizar que tus clientes no reciban un código inactivo.

Después de agregar una sección de descuento:

  • Haz clic en Usar código existente para seleccionar un descuento activo en tu sitio.Los descuentos inactivos o los descuentos programados no aparecerán.Si no haces clic en esto, crearás un nuevo descuento con las siguientes opciones.
  • Edita el nombre del descuento. Recomendamos que des al descuento un nombre específico y reconocible, ya que esto ayuda a la hora de rastrear y administrar el uso del descuento.
  • Edita el código de descuento. Este es el código que usan los clientes al momento de comprar en tu sitio. 
  • En Promoción, establece el porcentaje de descuento. Los descuentos se aplican a cualquier pedido en tu sitio.
  • Si estás en el plan Commerce Avanzado o Premium, puedes limitar el uso del descuento a uno por cliente.
  • En Duración, establece cuándo vence el descuento o activa la opción Nunca expira. Todos los descuentos comienzan cuando envías el correo electrónico.
  • Utiliza las otras opciones para aplicar estilo al relleno, los colores y las fuentes globales.
  • Si creas un nuevo descuento, aparecerá en tu panel de Descuentos después de enviarlo a los destinatarios.

Agregar enlaces

Puedes agregar enlaces a:

  • Texto: en cualquier sección con campos de texto, resalta el texto y haz clic en el ícono del enlace, luego agrega la URL o haz clic en para abrir el editor de enlaces y obtener más opciones.
  • Secciones de imágenes: En las secciones de imágenes, haz clic en Desvinculado junto a cualquier imagen en el panel lateral y luego agrega la URL o haz clic en para abrir el editor de enlaces y obtener más opciones.
  • Secciones de botones: en las secciones de botones, agrega la URL en el panel lateral o haz clic en para abrir el editor de enlaces y obtener más opciones.

Puedes vincular tu propio contenido del sitio, sitios externos, una dirección de correo electrónico o un número de teléfono. Para las colecciones, como las Tiendas, Páginas de Blog y Páginas de Eventos, puedes vincular a etiquetas o categorías específicas. Para vincular a elementos individuales, como un producto, una publicación o un evento, añade un enlace externo a la URL completa del elemento.

Ten en cuenta lo siguiente:

  • Los enlaces de texto siguen los estilos globales.
  • Cuando los abran, los enlaces incluirán texto adicional (parámetros de consulta) después de la URL con fines de rastreo para análisis.
  • No es posible vincular a archivos

¿Puedo agregar videos a mi campaña?

Actualmente, no existe manera de incrustar videos. En lugar de eso, puedes:

  • Agregar un .gif animado a una sección de imagen.
  • Agrega un link de texto a un video en tu sitio o a un servicio de alojamiento externo, como YouTube o Vimeo.
Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Cómo agregar contenido a las campañas por correo electrónico