Cómo crear páginas de destino B2B dinámicas con Clay y Webflow

¿Qué le impide convertir un cliente potencial en su cliente?

En la mayoría de los casos, es la página de inicio genérica que envías a todo el mundo. El tipo de página de inicio único para todos los casos ya no funciona.

Podrías pasar horas elaborando el correo electrónico frío perfecto. Investigas la empresa, su sector y sus desafíos.

Pero todo ese esfuerzo se desmorona cuando el cliente potencial hace clic en tu enlace y llega a una página genérica que no se dirige a nadie en particular.

Las empresas no solo quieren una solución; quieren una solución que se adapte a sus negocios. Una solución que aborde sus necesidades, que tenga en cuenta sus sectores.

Durante años, los profesionales del marketing han intentado resolver este problema creando páginas de destino personalizadas para cada cliente potencial.

El problema es el costo.

Contratar diseñadores y desarrolladores, administrar varias páginas y mantenerlas a lo largo del tiempo no es práctico para individuos o equipos pequeños.

Sin embargo, esa limitación ya no existe.

Con la integración de Clay y Webflow, puedes generar una página de destino B2B dinámica creada específicamente para cada cliente potencial.

Imagina esto: envías un correo electrónico frío a Stripe, ellos hacen clic en el enlace de la página de inicio y llegan a la página que se adapta a sus necesidades.

Se envía un correo electrónico similar a Uber dirigido a su sector.

No se trata de páginas de destino mágicas, sino dinámicas. Y hoy en día, puedes construir todo este motor con solo dos herramientas: Clay y Webflow.

Esta guía te explicará cómo puedes crear páginas de destino B2B dinámicas con Clay.

Revisaremos la arquitectura, la integración y la ejecución técnica para que pueda empezar.

¿Qué es una página de destino dinámica?

Una página de destino dinámica es una URL de plantilla única.

Por ejemplo, yourdomain.com/companyname es la URL.

Esta página de destino está personalizada para cada visitante que la visite. Esta página tendrá contenido variable, como titulares, imágenes, testimonios y logotipos.

Estas páginas extraen información de las bases de datos y determinan qué mostrar al visitante. Por ejemplo:

Si un cliente potencial de Airbnb visita el enlace, la página podría decir:

«Ayuda a Airbnb a agilizar la comunicación con los huéspedes con la IA».

Si un cliente potencial de Slack lo visita, la misma estructura de URL cambia a:

«Ayuda a Slack a reducir la pérdida de clientes empresariales con la IA».

La arquitectura del motor dinámico

Para generar páginas dinámicas, necesitamos un motor.

No estamos creando páginas una por una.

Por lo tanto, necesitamos una plantilla para la página que extraiga la información de la base de datos y cree miles de páginas basadas en ella.

Esto es lo que hará nuestro motor dinámico.

Para ello, necesitamos tres cosas: el cerebro, el cuerpo y el sistema nervioso del motor.

1. El cerebro: El cerebro del motor será Clay. Obtiene los datos del cliente potencial o de la empresa. Clay puede encontrar personas, empresas, empleos y negocios locales.

Puede importar datos desde CRM o CMS. Clay encontrará y enriquecerá los datos. Una vez hecho esto, la IA escribirá una copia personalizada para cada página.

2. El cuerpo: El cuerpo del motor es básicamente un CMS, y para ello utilizaremos Webflow.

Con Webflow, diseñaremos una página que será la plantilla principal. Webflow utilizará los datos de Clay para cada cliente potencial y creará una página de destino que satisfaga las necesidades de cada uno.

3. El sistema nervioso: La parte final del motor que estamos construyendo es el sistema nervioso.

Esta es la integración entre Clay y Webflow.

Este sistema nervioso buscará cualquier dato nuevo en el cerebro, es decir, Clay, y para cada nuevo punto de datos, creará una nueva página web utilizando Webflow.

Estrategia para crear páginas de destino dinámicas

Construiremos nuestras páginas de destino utilizando el motor dinámico. Nuestro enfoque preferido será distinguir entre los elementos estáticos y dinámicos dentro de la página.

Por lo general, el 80% de la página web será estática, mientras que el otro 20% será dinámico (cambiará el contenido según el cliente potencial).

El mantenimiento de esta proporción garantizará la relevancia y la confianza de los clientes. Esto garantiza que el producto se dirija a las necesidades de la empresa sin que parezca una estafa.

Elementos estáticos de la página web

Los elementos estáticos permanecerán coherentes en todas las páginas. Esto hace que tu marca sea coherente y profesional.

Los elementos estáticos de las páginas suelen incluir detalles y diseños de marca.

1. Barra de navegación: La barra de navegación para navegar por los menús seguirá siendo la misma para todas las páginas que creemos con el motor.
2. Características principales del producto: La propuesta de valor de su marca que hace que su producto sea original no se modificará en ninguno de los cambios. La descripción de la función seguirá siendo la misma, pero no debe prometer demasiado la funcionalidad que no ofreces.
3. Precios: Los precios de las páginas también permanecerán estáticos. Como propietario de una marca, no puedes seguir fluctuando los precios para los clientes potenciales.
4. Pie de página: Lo siguiente que permanece estático es el pie de página, que contiene información como los derechos de autor, los términos y condiciones, la política de privacidad, etc. Estos deben ser consistentes en todas las páginas de destino.

Elementos dinámicos de la página web

Los elementos dinámicos de las páginas web seguirán cambiando en todos los aspectos.

Estos elementos deben elegirse estratégicamente, teniendo en cuenta los requisitos del cliente potencial al que le estás enviando un correo electrónico.

1. Titulares y subtítulos: Los titulares y subtítulos son la parte más importante del cliente potencial. Están diseñados para la industria y abordan un punto débil específico.
2. Logotipo e imagen de héroe: Algo común en una página de destino es un logotipo tanto de tu marca como de su marca con un signo más entre ellos.

Tu logotipo seguirá siendo el mismo, pero el logotipo de la otra marca cambiará con cada propuesta que envíes.

Además, la imagen del héroe juega un papel crucial en la perspectiva.

Por ejemplo, para una marca de café, puede ser una imagen del barista, mientras que para una empresa de tecnología, puede ser una imagen de ordenadores. Esto seguirá cambiando para cada propuesta que envíes.

3. Prueba social: Esto incluye estudios de casos y testimonios para la industria específica. El estudio de caso de un bufete de abogados no le importará a una empresa de tecnología, y esto será un factor decisivo para ella.

En cambio, para un bufete de abogados, su página de destino debe incluir un estudio de caso de un bufete de abogados.

4. Calculadora de ROI: Si planeas incluir la calculadora de ROI en la página de destino, esto puede variar para cada cliente potencial al que planees contactar.

Además de esto, otras secciones que pueden ser dinámicas son la pila de tecnología, la sección de preguntas y respuestas, las CTA, las comparaciones, las reseñas, etc.

Cree páginas de destino B2B dinámicas con arcilla: guía paso a paso

En primer lugar, empezaremos por configurar un destino para sus datos, es decir, su cuerpo. Esto incluye la creación de una plantilla para la página de destino.

Después de esto, importaremos los datos a Clay.

Como último paso, integraremos Clay y Webflow. Esta es la guía detallada paso a paso sobre cómo hacerlo.

Prerrequisitos

Hay dos requisitos previos para continuar con la guía:

1. Necesitas una cuenta de Clay para empezar.
2. También necesitas una cuenta de Webflow para crear la plantilla

Teniendo en cuenta que ya tienes estas dos cuentas, podemos continuar con la guía que tenemos a continuación.

Paso 1: Crear una colección de CMS en Webflow

En primer lugar, necesitamos crear una colección de CMS en Webflow. Así es como puedes hacerlo:

1. Ir a Flujo web en tu navegador.
2. Ahora, haz clic en Nuevo sitio botón.

1. Después de esto, tendrás tres opciones:
   
   1. Creador de sitios con IA- Puedes usar la IA de Webflow para generar un sitio con tu mensaje de texto.
   2. Plantilla- Verás una colección de plantillas (tanto gratuitas como de pago) que puedes usar para tu sitio.
   3. Sitio en blanco- Tendrá que crear un sitio personalizado desde cero.
2. Por ahora, escojamos un sitio en blanco.

1. Introduzca el nombre de su sitio (por ejemplo, Página de destino B2B), y haga clic en Crear sitio.
2. Ahora, haz clic en CMS pestaña.

1. Haga clic en Crear una colección.

1. Introduzca el Nombre de la colección (como Páginas de destino).

1. Ahora haga clic Agregar campo nuevo.
2. A continuación, tendrá que elegir el tipo de campo. Estos son los campos que utilizaremos:
   
   1. Información básica de la empresa:
      
      1. Nombre de la empresa (Texto sin formato): obligatorio
      2. Logo de la empresa (Imagen) - para la sección de héroes
      3. URL del sitio web (Texto plano): enlace a su sitio
      4. Industria (Texto plano): para segmentación
   2. Contenido de la página de destino:
      
      1. Título de héroe (Texto sin formato): «Acelere las ventas con IA».
      2. Subtítulo (Texto sin formato): texto de apoyo
      3. Propuesta de valor (Texto enriquecido): copia de beneficio principal
      4. Texto principal de la CTA (Texto plano): texto de botón como «Obtener una demostración».
   3. Datos de personalización:
      
      1. CRM principal (Texto sin formato): HubSpot, Salesforce, etc.
      2. Tamaño de la empresa (Texto sin formato): empresa, mercado intermedio, empresa emergente
      3. Color de la marca (Color): el color de su marca para acentuar
      4. Texto testimonial (Texto enriquecido): prueba social relevante
   4. Para Clay Sync:
      
      1. ID de arcilla (Texto plano): identificador único de Clay
      2. Babosa (Texto plano o campo Slug): para la generación de URL

Nota- Estos son solo algunos ejemplos; puede agregar campos según su elección.

11. Por ahora, agreguemos Nombre de la empresa. Para ello, selecciona Texto plano.

11. Introduzca los siguientes detalles:
    
    1. Etiqueta- Nombre de la empresa
    2. Texto de ayuda- Nombre oficial de la empresa.

11. Una vez hecho esto, haga clic Guardar campo.

11. Del mismo modo, puedes añadir todos los campos que hemos mencionado anteriormente.
12. Una vez hecho todo esto, haga clic en Guardar Colección.

Ahora, después de esto, debe probar el elemento de la colección. Esto le ayuda a verificar que la vinculación funciona antes de que Clay publique datos reales.

He aquí cómo hacerlo:

1. Haga clic en su Nombre de la colección, es decir, Páginas de destino.
2. Ahora, haz clic Crear nuevo artículo.

1. Verás un formulario con los campos. Rellene este formulario y haga clic Crear borrador.

1. Esto creará un elemento de prueba para ver si la encuadernación funciona o no.

Paso 2: Diseña tu plantilla de página de destino

Una vez que haya configurado su CMS, debe crear y diseñar su nueva plantilla de página de destino.

Siga los pasos que se indican a continuación para hacerlo:

1. Ir a la Diseño pestaña en la parte superior.

1. En el panel izquierdo, haga clic en Páginas.

1. Verás el Plantilla de páginas de destino aquí; haga clic en el + botón al lado.

1. Ahora verás dos opciones:
   
   1. Crea una nueva página de landing pages: Con esta opción, tendrás que crear la página de destino desde cero.
   2. Generar una nueva página de destino: Si seleccionas esta opción, la IA generará una plantilla de página de destino para ti.
2. Recomiendo usar el Generar una nueva página de destino opción.

1. Ahora, haz clic en el botón»Generar sin un aviso» botón.

1. Esto creará ahora una plantilla de página de destino; selecciónela.
2. Ahora haga clic Añadir un diseño.

1. Ahora verás opciones de diseño como-
   
   1. Navegación
   2. Héroe
   3. Equipo
   4. Logotipos
   5. Galería
   6. Características
   7. Fijación
   8. Testimonio
   9. Pie de página, etc.
2. Por ahora, selecciona una de las Héroe Diseños para empezar.
3. Ahora selecciona el Título de héroe (que será el título).

1. En el panel derecho, selecciona Ajustes.
2. En la esquina superior izquierda del IDENTIFICACIÓN, verás un pequeño punto morado; haga clic en él.

1. Ahora, en el menú desplegable, selecciona Título de héroe.

1. Ahora, de manera similar, agrega estas secciones y vincúlalas a las otras Campos de colección ahorramos anteriormente en Paso 1.
2. Tendrás que añadir estas secciones a la plantilla:
   
   1. Subtítulo
   2. Propuesta de valor
   3. Características
   4. GATO
   5. Navegación
   6. Pie de página, etc.
3. Una vez hecho esto, haz clic en Publicar para publicarlo.

Nota- No estamos hablando de la parte de diseño aquí. Puede agregar y organizar secciones según sus necesidades.

Nuestro objetivo principal aquí es ayudarlo a crear páginas dinámicas con datos variables.

Paso 3: Configurar Clay (buscar y enriquecer datos)

En esta parte de nuestra guía, configuraremos Clay y lo usaremos para obtener los datos de las empresas o, en otras palabras, de nuestros clientes potenciales deseados.

Primero, veamos cómo puedes encontrar los datos usando Clay:

1. Inicie sesión en su Arcilla cuenta en el navegador.
2. Ahora haga clic en Nuevo botón.

1. Seleccione Libro de trabajo.

1. Asigne un nombre al libro de trabajo: Empresas de páginas de destino.

1. A continuación, haga clic en Encuentra empresas opción. Ahora tendrá que configurar los filtros.

1. Configura tus filtros:
   
   1. Industrias a incluir: (p. ej., desarrollo de software)
   2. Industrias a excluir: (opcional, p. ej., asistencia sanitaria, SaaS, finanzas)
   3. Tamaño de la empresa: (p. ej., de 51 a 200 empleados)
   4. Ubicación: (por ejemplo, Estados Unidos)
   5. Ingresos anuales: (opcional, p. ej., entre 10 y 25 millones de dólares)

1. Habrá muchos filtros, así que configúralos según tus necesidades.
2. Una vez que haya configurado los filtros, Clay le mostrará todas las empresas; revíselas.
3. Haga clic Continuar y haga clic Importar a una nueva tabla.

1. Una vez que lo hagas, creará una tabla con tus datos.
2. Si quieres añadir más información a Clay antes de sincronizarlo con Webflow, haz clic «Agregar columna».
3. Asigne un nombre a la columna (por ejemplo, «CRM principal», «Enfoque industrial»).
4. Puede rellenarlos manualmente o usar enriquecimientos.

Después de esto, tendrás que añadir enriquecimientos a tu tabla. Tendrás que buscar correos electrónicos, logotipos, pilas de tecnología, etc.

Para ello, sigue estos pasos:

1. Haga clic en el Agregar columna botón.
2. Ahora, haz clic en Agregue enriquecimiento.

1. Busca estos Enriquecimientos-
   
   1. Logotipos
   2. Colores de marca
   3. Información de la empresa
   4. Correos electrónicos
   5. Tech Stack, etc.

1. Seleccione cada configuración una por una, haga clic en Guardar y, a continuación, seleccione Guarda y ejecuta 10 filas.

1. Hicimos esto para el logotipo y Clay encontró el logotipo de las 10 filas.

1. Del mismo modo, haga esto para todos los enriquecimientos.

Después de esto, necesitamos generar copias personalizadas con IA.

Aquí se explica cómo usar Clay para eso:

1. Haga clic en el Agregar columna botón y nombre el Columna tan Título de héroe.
2. Ahora, selecciona Usa la IA.

1. Pegue este mensaje aquí:
   
   1. Escriba un titular convincente para un producto SaaS B2B que ayude (reemplazar por la columna del sector principal) a las empresas en (reemplazar por la columna de tamaño) a mejorar (punto débil). Manténgalo en menos de 10 palabras
2. A continuación, haga clic Guardary, a continuación, seleccione Guarda y ejecuta 10 filas.

1. Ahora esto creará un Héroe titular para diez filas.
2. Repita el procedimiento para otros campos, como:
   
   1. Subtítulo
   2. Propuesta de valor
   3. Texto principal de la CTA
3. A continuación, necesitamos añadir un Babosa Columna.
4. Seleccione Agregar columna>Fórmula.

1. Usa esta fórmula:
   
   1. /{reemplazar por la columna company_name} .toLowerCase () .replace (/\ s/g, «-»)

1. Una vez hecho esto, haga clic en el botón»La salida es correcta«botón.

Paso 4: Conecta Clay a Webflow

Ahora bien, este es el sistema nervioso de nuestro motor dinámico.

En este paso, tendremos que conectar Clay a Webflow y asegurarnos de que el diseño de nuestra página de destino recoja los datos correctos.

He aquí cómo hacerlo:

1. Haga clic en el Acciones botón en la mesa y busca Flujo web.
2. Ahora haga clic Crear artículo de colección.

1. Después de esto, haga clic en el Agregar cuenta botón e inicia sesión con tu cuenta de Webflow.

1. Después de esto, selecciona el Sitio (páginas de destino B2B) y Colección (páginas de destino).
2. Después de esto, para el Nombre, escriba / y seleccione la columna del nombre de la empresa (en mi tabla, es Nombre).
3. A continuación, para el Babosa, escriba / y seleccione la columna del nombre de la empresa (en mi tabla, es Babosas).
4. Asigne cada columna de Clay al campo Webflow correspondiente:
   Clay: «Nombre de la empresa» → Webflow: «Nombre de la empresa».
   
   1. Clay: «URL del logotipo» → Webflow: «Logotipo de la empresa».
   2. Clay: «Título de héroe» → Webflow: «Título de héroe».
   3. Clay: «Subtítulo» → Webflow: «Subtítulo».
   4. Clay: «Propuesta de valor» → Webflow: «Propuesta de valor».
   5. Clay: «CRM principal» → Webflow: «CRM principal».
   6. Arcilla: «Slug» → Webflow: «Slug», etc.
5. Ahora haga clic Continuar con la adición de campos.

1. Ahora haga clic Guardar> Guardar y ejecutar para 10 filas.

1. Verás una pantalla como esta ahora. Debería decir Artículo creado para cada fila.

1. Regrese a su proyecto de Webflow y ahora verá todos los datos en el CMS.

1. Haz clic en el que quieras ver (por ejemplo, Cuártico).
2. Ahora, haz clic en esto Ojo icono para previsualizar el sitio.

1. Actualmente, tengo el logotipo y el nombre enlazados al elemento, así que veo la plantilla así.

Paso 5: Actualizaciones e iteraciones

Una vez que tengas listas las páginas de destino de tus clientes potenciales, puedes añadir más datos a Clay.

Puedes importar tantas empresas como quieras y Webflow creará páginas de destino para ellas.

Para la parte de diseño, tendrás que diseñar manualmente la plantilla de la página de destino que utilizarás más adelante.

Puede usar los campos y datos personalizados de su elección.

Esta es una lista final que debes tener en cuenta antes de empezar a enviar tus páginas de destino:

• Webflow se actualizó al plan CMS Site

• Colección creada con todos los campos

• Elemento de recopilación de pruebas con datos de muestra creados

• Página de plantilla diseñada y publicada

• Todos los elementos clave encuadernados (título, logotipo, texto, CTA)

• Cuenta de Clay creada

• Tabla creada con empresas potenciales

• Datos enriquecidos (logotipos, pilas tecnológicas, etc.)

• Copia personalizada generada (IA)

• Clay está conectado a Webflow

• Las asignaciones de campo están configuradas correctamente

• La prueba se realizó correctamente (1 empresa)

• Ejecución de lotes completa (todas las empresas)

• Páginas verificadas en Webflow CMS

• Las páginas activas se previsualizan y se ven bien

• URL de página de destino generadas y listas

• ¡Campañas lanzadas!

Recibe tu invitación a la página de destino.

Será algo así como: domain.com/landing-pages/quadric

Esto puede variar para cada empresa, así que copie la correspondiente.

Conclusión

La integración de Clay y Webflow puede ahorrar mucho tiempo que habría dedicado a crear cada página de destino por separado.

Este concepto puede ser difícil de entender al principio y requiere limpieza de datos, ingeniería rápida y administración de CMS.

Sin embargo, el ROI del tiempo invertido es infinito.

Con este motor dinámico, puede crear miles de clientes potenciales en cuestión de minutos. Incluso actualizar los prospectos solo lleva una fracción de minuto.

Puedes seguir la guía anterior para saber cómo empezar. No estamos hablando de una teoría de alto nivel, sino de la arquitectura y la guía paso a paso para empezar.

Entonces, ¿qué estás esperando? Pruebe esta integración ahora y cree rápidamente miles de páginas de destino dinámicas y personalizadas.

¿Necesita que esto se construya para usted?

Si desea implementar este sistema dinámico de páginas de destino sin tener que dedicar semanas a la configuración, la limpieza de datos y el cableado del CMS, Webyansh puede ayudar.

Webyansh se especializa en:

• Integraciones de Clay + Webflow
• Páginas de destino dinámicas basadas en CMS
• Sistemas de personalización para campañas salientes y de ABM
• Arquitecturas de flujo web escalables creadas para equipos en crecimiento

Ya sea que desee una prueba de concepto o un sistema totalmente listo para la producción, Webyansh puede diseñar, construir e implementar la integración de principio a fin. Contactar a Webyansh para crear tu motor de página de destino dinámico.