Ixonn Group

Configurar el web formulario para Cliente Potencial

You are here:
< All Topics

La función Ixonn Web to Lead le permite crear un formulario web basado en campos de leads y campos personalizados para colocarlo en su sitio web, página de destino, etc. como un iframe.


Los visitantes pueden ingresar sus nombres, direcciones de correo electrónico, cargar archivos adjuntos y otra información básica para crear un cliente potencial directamente en Ixonn.

Para crear un nuevo formulario de web a lead, desde el menú principal de administración navegue a Configuración-> Leads-> Web To Lead

Haga clic en el botón en la parte superior izquierda Nuevo formulario

NOTA: Podrá crear el formulario después de crear el formulario inicial, incluidas todas las configuraciones.

  1. Nombre del formulario: asigne un nombre a su formulario, es para uso personal y también se mostrará en el perfil del cliente potencial cuando abra el cliente potencial.
  2. Idioma: el idioma se usa actualmente solo para los mensajes de validación.
  3. Texto del botón Enviar: la parte inferior donde el usuario deberá hacer clic para enviar el formulario E.q. Solicite una cotización o contáctenos, siéntase libre de adaptarse a sus necesidades.
  4. Mensaje para mostrar después de que el formulario se haya enviado correctamente: este mensaje se mostrará después de que el uso haya enviado correctamente el formulario.
  5. Permitir que se inserten leads duplicados en una base de datos? – A menudo, en la web para liderar formularios, se insertan leads duplicados en la base de datos. Ixonn tiene la capacidad de evitar que esto suceda creando automáticamente el cliente potencial como tarea, incluyendo todos los datos del formulario como una descripción en lugar de insertarlos directamente en la base de datos de clientes potenciales, en este caso, el miembro del personal responsable deberá analizar los datos del cliente potencial y continuar comportamiento.
  6. Fuente: fuente principal predeterminada
  7. Estado: el cliente potencial deberá estar en estado después de que se haya importado correctamente a la base de datos Ixonn.
  8. Responsable: asigna automáticamente el cliente potencial a un miembro específico del personal.
  9. Configuración de notificaciones: todos los usuarios basados ​​en el tipo de notificación recibirán una notificación integrada dentro de Ixonn y, además, el miembro responsable del personal principal recibirá una notificación por correo electrónico si en Configuración-> Plantillas de correo electrónico -> Nuevo cliente potencial asignado al miembro del personal no está marcado como discapacitado.
  10. Recaptcha: puede utilizar Google Recaptcha para evitar el spam. El campo para Google Recaptcha se mostrará solo si ha configurado previamente las claves recaptcha.

Después de crear el formulario, se mostrarán 2 pestañas nuevas en el área de formulario Generador de formularios y código de integración.

  • Creador de formularios: el lugar donde crea el formulario y ajusta todos los campos que necesita.
  • El Código de integración es el código que necesitará para colocar en su sitio web el formulario que se mostrará, tenga en cuenta que desde el enlace podrá ver que cada uno tiene una clave única.

Construyendo el formulario

Cuando guarde la configuración inicial del formulario, se lo dirigirá automáticamente a la pestaña Creador de formularios y en el lado izquierdo podrá ver todos los campos de formulario disponibles tomados del perfil de cliente potencial. Tenga en cuenta que si tiene campos personalizados para clientes potenciales, podrá incluir sus campos personalizados dentro del formulario fácilmente con arrastrar y soltar.

Solo hay una excepción en la que los campos personalizados de tipo Hipervínculo no tienen soporte para ser incluidos en el formulario web para liderar.

Para agregar un campo al formulario, simplemente arrastre el campo hacia el lado derecho en el área del formulario.

Después de arrastrar el campo, podrá ver en el lado izquierdo que se deshabilitará la capacidad de arrastre a este campo. Solo puede agregar el campo en el formulario una vez para evitar confusiones con los datos del formulario.

Personalizando los campos

Si los campos no se ajustan exactamente a sus necesidades, puede personalizar las etiquetas, agregar texto de ayuda, marcadores de posición y hacer que sean obligatorios. Cuando arrastre el campo en el área del formulario, simplemente coloque el cursor sobre el campo en la parte superior derecha, podrá ver 2 botones (editar y eliminar)

Después de personalizar el formulario, haga clic en el botón inferior izquierdo GUARDAR y haga clic en la pestaña Código de integración para obtener el código que necesita agregar a su sitio web. El código se colocará como iframe y puede ajustar el ancho y la altura directamente al fragmento de código proporcionado por Ixonn.

Estilo

Si necesita diseñar el color de los campos de entrada para que se ajuste a su sitio web, puede crear un archivo custom.css en assets / css y aplicar los estilos necesarios.

Ejemplo de cambio de color del borde de las entradas:

entrada body.web-to-lead {

color del borde: rojo;

}

Ejemplo de cambio del color de fondo del botón de envío:

body.web-to-lead #form_submit {

fondo: rojo;

}

body.web-to-lead #form_submit: hover,

body.web-to-lead #form_submit: active {

fondo: verde;

}

Redireccionar usuario a URL personalizada después del envío del formulario

A través de FTP / cPanel, vaya a application / helpers / y cree (si no existe) el archivo my_functions_helper.php y agregue el siguiente fragmento de código:

hooks () -> add_action (‘web_to_lead_form_submitted’, ’my_web_to_lead_form_submitted_redirected_to_custom_url’);

function my_web_to_lead_form_submitted_redirect_to_custom_url ($ datos) {

echo json_encode (array (

‘Success’ => true,

‘Redirect_url’ => ’http://yourcustomurl.com’

));

morir;

}

No olvide incluir la etiqueta de apertura <? Php en la parte superior del archivo si aún no se ha agregado.

Agregar formulario personalizado HTML, E.q. logo

En la aplicación / ayudantes, cree el archivo (si no existe) y agregue el siguiente código:

hooks () -> add_action (“web_to_lead_form_start”, “my_web_to_lead_form_start”);

function my_web_to_lead_form_start () {

echo ‘<img src =” https://yourwebsite.com/logo.jpg “>’;

}

No olvide incluir la etiqueta de apertura <? Php en la parte superior del archivo si aún no se ha agregado.

Tenga en cuenta que deberá cambiar la URL del logotipo.

Crear diseños de formulario de varias columnas en el formulario Web To Lead (disponible desde v1.9.0)

De forma predeterminada, los campos del formulario se agregarán en una columna de ancho completo del documento si desea personalizar el formulario y mostrar los campos en varias columnas. Hemos agregado la capacidad de lograr esto con clases personalizadas aplicadas al campo. puede agregar hasta 12 columnas en 1 fila.

En el siguiente ejemplo, crearemos 2 campos en 2 columnas y 1 fila.

Tenga en cuenta que las columnas no se aplicarán en el generador de formularios, solo cuando el formulario se visualiza accediendo al enlace de integración o está en un iframe.

Aquí hay un ejemplo rápido:

Resultado final:

Suponga que en su generador de formularios tiene 4 campos, como en Nombre del pedido, Dirección de correo electrónico, Empresa, Dirección.

Para los primeros 2 campos, haga clic en el botón EDITAR en la parte superior derecha del contenedor de campo para deslizar hacia abajo el área de edición, en la entrada de clase agregue una clase adicional para ambos campos form-col-6 como se muestra en la imagen a continuación.

Guarde el formulario haciendo clic en el botón Guardar y obtenga una vista previa del formulario desde el enlace de integración para ver el resultado final.

Como se mencionó anteriormente, puede agregar hasta 12 columnas, en este caso, form-col-6 + form-col-6 = 12, en caso de que desee agregar 3 columnas, aplique la clase form-col-4 en 3 campos (formulario -col-4 * 3 campos serán 12 y los campos se ajustarán al documento) que son uno por uno en orden.

Como en la mayoría de los casos incrustará el formulario en un pequeño contenedor / porción de su sitio web, el CSS de la cuadrícula de arranque aún mostrará las columnas nuevas filas (no divididas en 2 columnas), en este caso, considere agregar otra clase adicional para contenedores pequeños , por ejemplo, si agregó la clase form-col-6, agregue una clase adicional para el área pequeña form-col-xs-6, haga clic aquí para ver cómo debería verse


Algunas cosas a considerar

  1. Nunca deje el formulario sin los campos obligatorios. De forma predeterminada, el campo de nombre será obligatorio y no se recomienda desmarcarlo según sea necesario.

  2. Al colocar el código de fragmento de iframe, hay algunas cosas que debe tener en cuenta.
    1. Si el protocolo de su instalación de Ixonn es HTTP, use una página HTTP dentro del iframe.
    2. Si el protocolo de su instalación de Ixonn es https, use una página https dentro del iframe.
    3. Se resumirá que no habrá instalación de SSL Ixonn, tendrá que colocar el enlace en ninguna página de aterrizaje de SSL eq y hacia atrás, sitios web de SSL con instalación de SSL Ixonn y ningún sitio web de SSL con ninguna instalación de SSL Ixonn. Puedes leer más sobre esto aquí

Artículos Relacionados

Previous Asignar Plomo al Miembro del Personal
Next Convertir Cliente Potencial a Cliente
Table of Contents