Cómo conectar un formulario de amoCRM a un sitio web en Turbosite
amoCRM es un sistema CRM ruso, popular para servicios y B2C. Puede integrar un formulario de contacto en su sitio web: el visitante deja una solicitud y esta llega automáticamente al CRM como un trato. Sin correos electrónicos intermedios, minimizando la pérdida de leads. La instalación toma de 10 a 15 minutos.
Qué necesitará
- Una cuenta en amoCRM — registro en amocrm.ru (hay un periodo de prueba)
- Un sitio web publicado en Turbosite
- 10–15 minutos
Paso 1. Crear un formulario en amoCRM
- Inicie sesión en amoCRM.
- Vaya a «Сделки» (Tratos) → icono de configuración (engranaje) → «Настроить воронку» (Configurar embudo).
- En el panel izquierdo, busque el bloque «Источники» (Fuentes) → haga clic en «+ Добавить источник» (Añadir fuente) → «Форма обратной связи» (Formulario de contacto).
- En el constructor de formularios:
- Añada los campos necesarios (Nombre, Teléfono, Email — generalmente es suficiente).
- Ajuste el diseño: color, fuente, fondo.
- Defina el título y el texto del botón.
- En la pestaña «Настройка формы» (Configuración del formulario) indique:
- El nombre del formulario (solo visible en el CRM).
- En qué estado del embudo caerá el trato.
- Etiquetas para un filtrado sencillo.
- Haga clic en «Сохранить» (Guardar).
📷 Captura de pantalla: constructor de formularios de amoCRM con configuración de campos y estilos.
Paso 2. Obtener el código del formulario
- Después de guardar el formulario, haga clic en «Разместить на сайте» (Publicar en el sitio) (o «Получить код» / Obtener código).
- Seleccione el código HTML estándar para insertar en cualquier sitio web (no específico de WordPress).
- Copie el código generado en su totalidad.
📷 Captura de pantalla: ventana «Publicar en el sitio» con dos versiones de código y botón de copiar.
⚠️ Verificar actualidad: la interfaz de amoCRM se actualiza regularmente. Si las secciones tienen nombres diferentes, busque «Сделки → Настройка воронки → Источники → Форма».
Paso 3. Insertar el código en Turbosite
El formulario de amoCRM consta de dos partes: el script que debe cargarse y el contenedor donde se dibujará el formulario.
Si desea que el formulario aparezca en un lugar específico de la página:
- Abra su sitio en Turbosite.
- Añada un bloque «HTML-код» (Código HTML) en el lugar deseado de la página.
- Pegue el código del formulario de amoCRM.
- Guarde los cambios.
- Publique el sitio.
📷 [captura de pantalla de Turbosite — se añadirá: bloque de código HTML en el cuerpo de la página con el formulario de amoCRM].
Si desea que el formulario aparezca globalmente (pop-up), inserte el código en Настройки сайта (Configuración del sitio) → Интеграции (Integraciones) → HTML-код в <head>:
Paso 4. Verificar que las solicitudes lleguen
- Abra el sitio publicado.
- Rellene el formulario con datos de prueba y envíelo.
- Abra amoCRM → «Сделки» (Tratos) — debería aparecer un nuevo trato con sus datos.
Si el trato no aparece, verifique que el código esté insertado completamente, que el formulario esté activo en la configuración de amoCRM y que el sitio esté publicado.
Preguntas frecuentes
El formulario no se muestra en el sitio.
Lo más frecuente es que el código no se haya insertado completamente. Copie el código de nuevo y verifique que todas las etiquetas <script> y <div> estén presentes. También verifique que no se esté utilizando un bloqueador de scripts.
¿Se puede estilizar el formulario según mi sitio? La estilización básica (colores, fuente) se realiza en el constructor de formularios. La personalización profunda (CSS personalizado) está disponible en los planes de pago de amoCRM en la sección de configuración del formulario.
¿Se pueden usar varios formularios en un mismo sitio? Sí. Cree varios formularios en amoCRM (por ejemplo, «Solicitud desde landing page» y «Suscripción al boletín»), obtenga el código para cada uno e insértelos en diferentes partes de la página. Cada uno tendrá su propia fuente en el CRM.
¿Cómo configurar notificaciones sobre nuevas solicitudes? En amoCRM puede conectar notificaciones a Telegram, correo electrónico o SMS. Se configura en la sección «Настройки» (Configuración) → «Уведомления» (Notificaciones).
Qué consultar a continuación
- Ayuda de amoCRM — documentación oficial
- Sección sobre formularios — detalles sobre el constructor
- API de amoCRM — para una integración avanzada con desarrollo
