Cómo crear un formulario de contacto

Crea formularios de contacto fácil y rápidamente

El formulario de contacto es una herramienta importante y crucial en toda página web de productos, servicios, o que trabaje con público en general. Aprende cómo crear un formulario de contacto sin mucho código, y utilizando nuestro sistema de centro de contacto para gestionar y responder los mensajes de forma rápida y eficiente.

Crea tu formulario

Si no sabes cómo crear un formulario desde cero, puedes descargar, modificar y utilizar este. Ya está integrado con la librería ContactJS, por lo que sólo tienes que ajustar algunos parámetros. Vea el paso 2 para instrucciones.

En tu página web, crea un formulario que tenga el ID fh-contactjs, y agrega los siguientes campos:

Puedes reducir el tamaño del formulario eliminando los campos opcionales que no vayas a utilizar.

Para mostrar los errores de validación, simplemente agrega un elemento div con el ID del campo, seguido del sufijo "field-error". Por ejemplo:

<div id="first-name-field-error"></div>

Agrega ContactJS

Ya con el formulario creado, es momento de agregar e integrar la ContactJs — una librería que hemos creado para facilitar el proceso de crear conversaciones Full Help las cuales puedes gestionar y responder desde el sistema.

<script src="https://cdn.jsdelivr.net/gh/fullhelp/[email protected]/dist/FullHelp.ContactJs.min.js"></script>
<script>
  (function () {
    var contactjs = new FullHelp.ContactJs({
      account: 1,
      host: 'https://desk.mydomain.com/',
      source: 'Form @ ' + window.location.host
    });
  })();
</script>

Copia el código y pégalo en tu página web, justo antes de las etiquetas </body> o </head>. Luego, actualiza los parámetros account y host con los valores correspondientes de tu sistema.

Para obtener el ID de tu cuenta, en tu help desk, haz clic en tu nombre de usuario (esquina superior derecha), luego haz clic en Account o Cuenta, dependiendo del lenguaje activado.