CONTENIDO
1. Crear formularios dentro del CRM
Para conocer el paso a paso de cómo crear estos formularios web en el CRM, visita el siguiente artículo de nuestro centro de ayuda:
2. Emplear un formulario ya creado
Una vez definidos los módulos y campos que harán parte de tu formulario, debes descargar el archivo comprimido y antes de subirlo a tu página web te recomendamos verificar que la conexión entre formulario y el CRM esté funcionando correctamente. En los siguientes pasos te mostramos cómo hacerlo:
Crea una carpeta llamada “datacrm” en la raíz (public_html) del sitio donde está alojada tu página web. Puedes ingresar vía cpanel o vía FTP para crearla.
Ubícate en la carpeta creada en el paso anterior y sube el archivo “datacrm.zip” que descargaste de tu CRM y allí mismo extrae su contenido.
El contenido de la carpeta comprimida “datacrm.zip” se explica a continuación:
includes: contiene un archivo que se conecta con el webservice de DataCRM para crear los registros en el CRM.
config.inc: contiene la URL de retorno, la URL donde se hace la petición y los módulos donde se crean los registros.
datacrm.php: es el archivo que conecta la acción submit (enviar) del formulario con el webservice que crea los registros en el CRM.
index.html: es el código html del formulario web que se modifica en el momento de subir a la página web.
Ingresa a la URL de tu página para visualizar el formulario. Ejemplo: https://tupagina.com/datacrm/, allí verás el formulario con los campos seleccionados.
Realiza una prueba de conexión diligenciando los campos y haciendo clic en el botón 'Submit'.
Si la prueba es exitosa te redireccionará a la URL de retorno que configuraste en el formulario web y si no definiste una URL de retorno, la vista no cambiará. A continuación, ingresa a tu CRM y válida que los registros fueron creados correctamente.
El formulario utilizado en este ejemplo crea un registro en los módulos de la siguiente forma:
Empresas: El registro debe quedar asociado a los demás módulos.
Contactos: el contacto debe quedar asociado a la empresa.
Negocios: el negocio debe quedar asociado al cliente y al contacto.
Casos: El caso debe quedar asociado al Cliente y al Contacto
3. Insertar el formulario en tu página web
Ahora que el formulario web crea correctamente los registros en el CRM, debes contactar al administrador de tu página para que inserte código en tu sitio web.
Ingresa al editor de código de la página y ubica la sección de contacto.
En el visual composer de tu sitio web, busca la opción 'Custom HTML' como se explica a continuación.
Haz clic en 'Custom HTML' y se abrirá una ventana en la cual debes pegar
el código del index.html que fue descargado en el paso 2 del Testeo del formulario.
Busca la palabra “datacrm.php” dentro del código, haciendo uso del buscador web (ctrl + f).
Esta búsqueda debe arrojar dos coincidencias:
action=”datacrm.php”
jQuery.post(‘datacrm.php’)
Reemplaza las coincidencias resaltadas por la ruta completa donde se encuentre el archivo 'datacrm.php'.
Ejemplo: 'http://tupagina.com/datacrm/datacrm.php'
http:// o https://: según tu página web
tupagina.com/ : tu sitio web
datacrm/ : carpeta creada en el paso 1 del Testeo del formulario.
datacrm.php : archivo donde se envía la petición.
Presiona el botón 'Actualizar' para guardar los cambios de la página.
Dirígete a la sección que acabas de modificar de tu página, en este caso www.tupagina.com/contacts/, para ver el formulario.
Te recomendamos hacer un test final para garantizar que los datos estén llegando al CRM de forma correcta.
4. Aspectos importantes a tener en cuenta.
Puedes hacer las siguientes modificaciones directamente en el index.html:
Labels de los campos.
Ocultar campos
Agregar estilos o clases a tu formulario.
Modificar las alertas del script
Acciones que dañan la integración:
Eliminar la clase “Form” que está en la etiqueta del formulario web.
Agregar campos obligatorios a los módulos que utilizaste en el formulario web. Al hacer esto en tu CRM debes actualizar el formulario y volverlo a subir.
Eliminar o cambiar de ruta la carpeta creada en el paso 1 del Testeo del formulario.
Esperamos que este artículo haya sido de gran utilidad. Si tienes alguna duda o sugerencia, te invitamos a que nos escribas en nuestro chat y con gusto estaremos allí para ayudarte ¡Ten un buen día!
