Resumen
Tu equipo puede usar formularios en tu sitio web para capturar información de prospectos. Con el enriquecimiento de formularios en Apollo, puedes mantener los formularios breves y fáciles de completar para lograr tasas de conversión más altas, mientras enriqueces automáticamente los envíos con datos de Apollo. Esto te da una imagen más completa de quién se está comunicando con tu equipo.
El enriquecimiento de formularios es agnóstico a la plataforma, lo que significa que puedes usarlo con formularios de automatización de marketing como Marketo, HubSpot o ActiveCampaign. También puedes integrar el enriquecimiento de formularios directamente en la plataforma de tu sitio web mediante Webflow, Wix y más.
El enriquecimiento de formularios ofrece eficiencia de dos maneras. Reduce la fricción para los prospectos al limitar los campos que necesitan completar. Por ejemplo, cuando alguien ingresa su nombre en un formulario, Apollo puede completar automáticamente u ocultar campos del prospecto según tu configuración. Al mismo tiempo, con cada envío de formulario, Apollo te brinda automáticamente contexto adicional valioso para que sepas con quién te estás comunicando y cuál es la mejor manera de conectar. Cualquier prospecto completamente nuevo que envíe un formulario se guarda como contacto en Apollo para que puedas hacer seguimiento del progreso y comenzar la comunicación.
Puedes usar los siguientes tipos de enriquecimiento de formularios en Apollo:
| Enriquecimiento de números de teléfono | Cuando alguien envía un formulario, se guarda como contacto y Apollo encuentra automáticamente un número de teléfono coincidente para el prospecto, para que puedas comenzar a llamar sin buscar números. |
|---|---|
| Autocompletar | Apollo completa los campos conocidos del prospecto según su dirección de Email, lo que le ahorra tiempo y esfuerzo en formularios largos para los que Apollo ya tiene datos disponibles. |
| Ocultar campos conocidos | Apollo oculta los campos autocompletados a medida que los prospectos completan un formulario para acortarlo de forma efectiva. Activar esta opción aumenta la probabilidad de que un prospecto envíe tu formulario, pero elimina la posibilidad de editar las respuestas autocompletadas. |
Consulta las siguientes secciones para configurar y usar el enriquecimiento de formularios en tu sitio web.
Configura el enriquecimiento de formularios
Cuando usas el enriquecimiento de formularios en Apollo para recopilar datos personales, actúas como responsable del tratamiento de los datos, lo que significa que eres responsable de cumplir con las leyes de privacidad de datos aplicables, como el Reglamento General de Protección de Datos (GDPR) en la Unión Europea, así como varias leyes estatales de privacidad de EE. UU., como la Ley de Privacidad del Consumidor de California (CCPA). Es tu responsabilidad asegurarte de obtener el consentimiento adecuado o contar con una base legal para recopilar y procesar los datos personales enviados a través de cualquier formulario que uses. También eres responsable de asegurarte de tener derecho a compartir cualquier dato con Apollo.
Para configurar el enriquecimiento de formularios:
- Abre Apollo y haz clic en Enriquecimiento de formularios.
- Haz clic en Crear formulario.
- Ingresa el nombre de tu formulario.
- Escribe la URL del dominio principal donde se encuentra tu formulario y luego haz clic en Agregar dominio.
Ingresa el dominio principal, incluido https:// como https://apollo.io. No necesitas ingresar la ruta completa, como https://apollo.io/path/form. Puedes ingresar y seleccionar varias URL de sitios web. Sin embargo, no uses subdominios aquí.
- Haz clic en Siguiente.
- El enriquecimiento de formularios usa créditos para guardar y enriquecer los contactos que completan tu formulario. Revisa el uso de créditos.
- Activa cada tipo de enriquecimiento de formularios que quieras usar en el formulario:
Enriquecimiento de número de teléfono
Si está disponible, Apollo agregará automáticamente un número de teléfono al contacto guardado en Apollo.
Completar campos del formulario automáticamente
Cuando un contacto ingresa su dirección de Email en un formulario, Apollo completa automáticamente los campos conocidos con datos de Apollo en tiempo real, lo que le ahorra tiempo y esfuerzo al prospecto.
Ocultar campos conocidos
Con el autocompletado activado, ocultar campos conocidos te permite acortar un formulario al ocultar los campos de los que Apollo ya tiene datos. Solo se mostrarán los campos que no coincidan con los datos de Apollo, lo que le ahorra tiempo y esfuerzo al prospecto.
Enriquecer solo Emails corporativos
Como medida de seguridad o para enfocarte en un perfil de cliente ideal específico, puedes restringir el enriquecimiento del formulario para permitir que solo se enriquezcan Emails corporativos en lugar de personales.
Limitar el uso de créditos
Para evitar agotar tus créditos, puedes limitar la cantidad de créditos que usa el formulario dentro del periodo de tiempo que selecciones.
Retrasar la sincronización del contacto con el CRM
Apollo retrasa la creación del contacto por una hora. Después de esta demora, Apollo crea el contacto en Apollo y lo sincroniza con tu CRM.
Conservar la información ingresada por el visitante
Apollo completa solo los campos vacíos, lo que ayuda a conservar los datos proporcionados por el visitante mientras enriquece los campos incompletos.
- Luego, haz clic en Agregar campo para mapear los campos de tu formulario con Apollo.
- Ingresa el nombre del campo del formulario, como nombre
- Luego, selecciona un campo de Apollo para mapearlo, como Nombre.
- Ingresa el identificador HTML del campo de tu sitio web, como
first_name.
Un identificador HTML es una etiqueta única que se usa para identificar un elemento en una página web. Puedes pedir ayuda a tu equipo de desarrollo web o, si tienes conocimientos técnicos, visitar tu sitio web y hacer clic derecho en el elemento del campo del formulario. Luego, haz clic en Inspeccionar. Tu navegador mostrará el HTML, que debería incluir un identificador name:
- Cuando termines, haz clic en Agregar campo.
- Repite este proceso para mapear campos adicionales.
- Cuando termines, haz clic en Siguiente.
- Copia el snippet de Javascript.
- En una pestaña aparte, ve al archivo HTML o al tag manager de tu sitio web. Pega el snippet dentro de la etiqueta
<head>o antes de la etiqueta de cierre</body>.
¿No sabes qué es un archivo HTML o un tag manager? Consulta estos recursos de servicios populares de hosting web para aprender a agregar snippets. También puede que necesites contactar a tu equipo de desarrollo web.
- Cuando termines, vuelve a Apollo y haz clic en Guardar.
Ya configuraste el enriquecimiento de formularios en Apollo. Cuando prospectos totalmente nuevos respondan a tu formulario, Apollo crea automáticamente un contacto guardado y enriquece su registro según tu configuración.
¿Lo sabías? Puedes usar el router de inbound con enriquecimiento de formularios seleccionando un formulario de admisión independiente. Esto te permite centralizar y reutilizar plantillas de formularios en diferentes routers.
También puedes usar los envíos de formularios y los formularios abandonados como disparador para iniciar un Workflow.
Ver contactos que respondieron a un formulario
Para ver los contactos que respondieron a tu formulario:
- Abre Apollo y haz clic en Enriquecimiento de formularios.
- Selecciona tu formulario y luego haz clic en Contactos.
- Apollo muestra todos los contactos totalmente nuevos que respondieron a tu formulario, incluida su fecha de conversión, los enriquecimientos y los créditos usados.
- (Opcional) Usa filtros de búsqueda para limitar tus resultados.
- Haz clic en un contacto para ver su perfil de contacto.
Puedes agregar contactos a secuencias o listas, comunícate por teléfono o Email, programa reuniones, o crea tasks únicas para hacer seguimiento de tu alcance.
Consulta más próximos pasos recomendados.
Opcionalmente, puedes configurar algunos ajustes avanzados de enriquecimiento de formularios. Esto no es obligatorio y lo mejor es experimentar solo si tienes experiencia en desarrollo web.
Ajustes avanzados (opcional)
Con el enriquecimiento de formularios habilitado, puedes personalizar aún más el envío del formulario de forma opcional. Estos ajustes no son necesarios para usar el enriquecimiento de formularios y solo deben explorarlos equipos con experiencia en desarrollo web.
El siguiente método de API está disponible para activar el enriquecimiento de Apollo y vincularlo a tus formularios web:
initFormEnrichment(config: FormEnrichmentInitConfig): void
Debes incluir appId, que es el ID de la aplicación de Apollo. Puedes encontrarlo en el snippet de Javascript generado por Apollo.
También se pueden definir las siguientes opciones básicas:
formElement |
El elemento DOM del formulario o selector. |
|---|---|
options.autoDetect |
El valor predeterminado es true, lo que significa que Apollo detecta automáticamente el primer formulario con un campo de Email. |
onReady() |
Define el callback cuando el widget esté listo. |
onError() |
Define el callback si hay un error, como una configuración incorrecta. |
A continuación, puedes personalizar el enriquecimiento de formularios con las siguientes opciones:
| Adjuntar un formulario dinámicamente | Desvincular un formulario |
| Enriquecer un formulario manualmente | Enviar datos de formulario enriquecidos |
| Suscribirte o cancelar tu suscripción a eventos | |
| Agrega Apollo router y el enriquecimiento de formularios a tu formulario del sitio web |
Adjuntar un formulario dinámicamente
Usa esta opción para agregar el enriquecimiento de Apollo a un formulario web que aparece dinámicamente en tu sitio web, como un formulario en un pop-up:
attachForm(target: HTMLFormElement | string): void
Desvincular un formulario
Usa esta opción para eliminar el enriquecimiento de Apollo de formularios que se quitaron o que ya no necesitan enriquecerse:
detachForm(target: HTMLFormElement | string): void
Enriquecer un formulario manualmente
Usa esta opción para activar manualmente el enriquecimiento de un formulario específico.
enrichForm(email: string, opts?: EnrichOptions): void
Especifica el formulario que quieres enriquecer mediante la opción `formElement`.
También puedes pasar las siguientes funciones cuando se llame a esta función:
export type EnrichOptions = {
formElement?: HTMLFormElement | string;
onComplete?: () => void;
onError?: (error: unknown) => void;
};
Si formElement no está definido, se selecciona automáticamente el primer elemento del sitio web.
Enviar datos de formulario enriquecidos
Usa esta opción para enviar datos de formulario enriquecidos a Apollo.
submitForm(data: Record, opts?: SubmitOptions): void
Los datos que envíes a Apollo deben ser planos. Por ejemplo:
{ email: 'a@b.com', name: 'Alice' }
También puedes pasar las siguientes dos funciones para activar callbacks:
export type SubmitOptions = {
onSuccess?: () => void;
onError?: (error: unknown) => void;
};
Suscribirse o cancelar la suscripción a eventos
on(event, callback) y off(event, callback)
Usa esta opción para suscribirte a eventos de enriquecimiento de Apollo:
ApolloInbound.on(eventName, callback)
Y usa esta opción para cancelar tu suscripción a eventos de enriquecimiento de Apollo:
ApolloInbound.off(eventName, callback)
Tanto on como off admiten los siguientes nombres de eventos:
[APOLLO FORM ENRICHMENT]:ready, [APOLLO FORM ENRICHMENT]:enrichStart, [APOLLO FORM ENRICHMENT]:enrichComplete, [APOLLO FORM ENRICHMENT]:enrichError, [APOLLO FORM ENRICHMENT]:submitSuccess, [APOLLO FORM ENRICHMENT]:submitError
Agrega el router de Apollo y el enriquecimiento de formularios al formulario de tu sitio web
Activa el router Inbound de Apollo y el enriquecimiento de formularios a través de los envíos de formularios de tu sitio web
const onSuccess = (response) => {
if (window.ApolloMeetings) {
window.ApolloMeetings.submit({
map: false,
lead: formData,
responseId: response?.responseId,
});
}
// Any other steps you want to add
emitter.emit(EVENTS.SUBMIT_SUCCESS);
};
Usa esta opción si quieres ejecutar el router Inbound incluso si elegiste enriquecer solo Emails empresariales
const onError = (error) => {
if (error?.result === 422 && error?.error === 'Free domain blocked') {
if (window.ApolloMeetings) {
window.ApolloMeetings.submit({
map: false,
lead: data,
});
}
} else {
console.error('submitForm error', error);
emitter.emit(EVENTS.SUBMIT_ERROR, error);
}
// Any other steps you wants to add
};
Estas opciones deben pasarse a lo siguiente:
const submitOptions = { onSuccess, onError };
// Usage
submitForm(data, submitOptions);
Próximos pasos
¿Quieres mantener el impulso? Estos son algunos próximos pasos que tu equipo puede seguir después de configurar el enriquecimiento de formularios.
| Descripción general del enriquecimiento | Conoce el enriquecimiento en Apollo. Con acceso a registros precisos de contactos y cuentas, puedes llegar a las personas correctas, agendar más reuniones y cerrar más oportunidades. |
|---|---|
| Descripción general de Enriquecimiento en cascada | Explora cómo habilitar el enriquecimiento secuencial de múltiples fuentes para extraer automáticamente Emails y números de teléfono de proveedores en cascada y obtener datos de contacto más completos y verificados. |
| Agregar contactos a una Secuencia | Rápidamente agrega leads enriquecidos a una secuencia para iniciar de inmediato una prospección personalizada. |
| Crear y usar una Lista | Fácilmente organiza prospectos en listas segmentadas para enfocar tus campañas y aumentar las tasas de conversión. |
| Resumen del Dialer | Usa el dialer para llamar a prospectos directamente desde Apollo y conectar más rápido con quienes toman decisiones. ¡Incluso puedes llamar como un profesional con marcado paralelo! |
| Resumen de Reuniones | Sin complicaciones, agenda y gestiona reuniones con leads enriquecidos para mantener las conversaciones avanzando con contexto. |