Ir al contenido principal

¿Cómo añadir una captura de pantalla de un sitio web a una imagen personalizada?

¿Cómo potenciar tu prospección con capturas de pantalla personalizadas de sitios web en tus emails?

Objetivo de aprendizaje

Al final de esta guía, sabrás cómo añadir capturas de pantalla automáticas de sitios web a imágenes personalizadas usando la variable de sitio web para obtener capturas a partir del dominio del email de cada Lead.


¿Por qué es importante?

Las capturas de pantalla del sitio web demuestran que investigaste al Lead y que no se trata de un envío masivo. Cuando los prospectos ven su propio sitio web en tu email, captas su atención de inmediato y demuestras un interés genuino. Esta personalización visual aumenta considerablemente la interacción, sobre todo para agencias y proveedores de servicios.


Requisitos previos

Antes de empezar:

⚠️ Importante: Las capturas de pantalla del sitio web solo funcionan con dominios de email de empresa. Los emails personales (Gmail, Yahoo, Outlook) no generan capturas de pantalla.


Paso 1: Abre tu campaña y la etapa de email

  1. Ve a Campaigns y abre la campaña que quieres editar

    Abre la campaña desde la página Campaigns
  2. En el editor de campañas, selecciona la etapa de email en la que quieres añadir la captura de pantalla del sitio web


Paso 2: Abre el editor de imágenes desde el editor de emails

  1. En el editor de emails, haz clic en Add y, a continuación, selecciona Custom media

    Haz clic en Add y elige Custom media en el editor de emails
  2. En la ventana emergente Personalization, haz clic en Create an image en Custom images

    Haz clic en Create an image en la ventana emergente Personalization

Paso 3: Crea una nueva imagen personalizada

  1. En la biblioteca de Templates, haz clic en Create new template para crear tu imagen desde cero

    Crea un nuevo Template de imagen

Paso 4: Añade la variable Website

  1. En el editor de imágenes, haz clic en Add element y, después, elige Website variable

    Haz clic en Add element en el editor de imágenes
    Elige Website variable en la lista de elementos
  2. Cambia el tamaño y la posición del área de la captura de pantalla del sitio web en el lienzo y, si es necesario, configura los ajustes en el panel derecho, como Layer name, Corner's style y la fuente de la variable personalizada

    Configura los ajustes de Website variable en el editor de imágenes

Cómo funciona: La captura de pantalla se obtiene automáticamente a partir del dominio del email del Lead ([email protected] → captura acmecorp.com).


Paso 5: Guarda la imagen e insértala en tu email

  1. (Opcional) Haz clic en Save as template si quieres reutilizar esta imagen personalizada más adelante

  2. Haz clic en Use this image para insertarla en tu email

    Guarda el Template o usa la imagen en el email

Paso 6: Revisa la vista previa antes del lanzamiento

  1. En el editor de la etapa de email, haz clic en Preview

  2. Verifica que la captura de pantalla muestre el sitio web de la empresa del Lead en lugar de un marcador de posición

  3. Haz pruebas con 2–3 Leads diferentes, sobre todo si tienes dominios variados

    Revisa la vista previa de la etapa de email y verifica la captura de pantalla del sitio web

✅ Verificación: La captura de pantalla debe mostrar el sitio web real de la empresa, no un marcador de posición en blanco.


Requisitos

El formato del email es importante:

El dominio necesita un sitio web activo:

  • El dominio debe dirigir al sitio web en funcionamiento

  • Los dominios inactivos o estacionados se muestran en blanco o con un error

💡 Antes de usarlo: Filtra los Leads para quedarte solo con los emails de empresa. Elimina las direcciones de Gmail, Yahoo y Outlook.


Buenas prácticas

Añade texto de contexto - "Echando un vistazo a {{companyName}}" encima de la captura de pantalla explica su relevancia

Mantén un tamaño equilibrado - Un ancho de 400-600px funciona bien: es legible sin resultar abrumador

Haz pruebas con Leads de ejemplo - Verifica que las capturas de pantalla se generen correctamente antes del lanzamiento

Usa mensajes relevantes - Combina la captura de pantalla con comentarios u observaciones específicos sobre el sitio

Ten una alternativa - Usa un Template diferente para los Leads sin email de empresa


Solución de problemas

La captura de pantalla muestra una página en blanco o de error

  • El dominio no tiene un sitio web activo

  • Verifica el dominio manualmente antes de usarlo

La captura de pantalla muestra un sitio web incorrecto

  • El dominio del email es diferente del sitio web principal de la empresa

  • La captura de pantalla siempre se obtiene del dominio del email (o de la variable personalizada que seleccionaste)

La captura de pantalla no aparece

  • Revisa la vista previa con un Lead que tenga un email de empresa (formato @company.com)

  • Confirma que añadiste un elemento Website variable en el editor de imágenes (no una imagen estática)

El banner de cookies aparece en la captura de pantalla

  • Las capturas de pantalla automáticas se toman tal como se muestra la página del sitio web del Lead al visitarlo, así que, si hay un banner de cookies, también aparece en la captura de pantalla.

  • La única forma de evitar que aparezca ese banner de cookies sería tomar tú mismo esas capturas de pantalla, guardarlas en un servicio de alojamiento de imágenes y usar las URL como variables personalizadas para cada uno de tus Leads.

Las capturas de pantalla se ven pixeladas

  • No las amplíes más allá de 600px de ancho

  • Mantén un tamaño razonable para la resolución


Guía en video: tu acompañante paso a paso 🎥

¿Necesitas una explicación más detallada? ¡Mira nuestra guía en video para ver exactamente cómo configurarlo!


¿Ha quedado contestada tu pregunta?