Cree un formulario de cliente para su agencia de WordPress: utilizando Elementor y un complemento de formulario de contacto

Si posee un negocio de desarrollo de WordPress y actualmente recibe consultas entrantes de Internet, puede agilizar su proceso de ventas y mejorar sus servicios utilizando un formulario de cliente eficaz. Entonces, ¿por qué es necesario tener una buena forma de cliente desde el punto de vista psicológico? ¿Y cómo implementar esto en su negocio para triplicar la cantidad de ingresos? Voy a compartir contigo el conocimiento técnico de cómo crear un formulario de cliente para tu agencia de WordPress usando Elementor y un complemento de formulario de contacto .

Hay una serie de elementos que voy a señalar. Pero primero, quería explicar por qué crear un formulario de cliente especializado y por qué también necesita este tipo de formulario de contacto.

Su formulario de contacto general frente a su formulario de contacto especializado

Cuando las personas acceden a un sitio web y se desplazan hacia abajo, verán un formulario de contacto bastante estándar que probablemente se haya visto un millón de veces antes en muchos sitios web (no solo en los sitios de WordPress).

Cuando alguien realiza una consulta en su sitio web, debe pensar muy detenidamente cuál será su próximo paso. Dependiendo de cómo responda, será visto como 'solo el chico de la web' o como alguien que puede llevar a cabo los objetivos del cliente utilizando el poder de Internet. Como puedes imaginar, el formulario de cliente especializado te ayudará a ganar mucho más.

Y este es el formulario de cliente especializado que vamos a crear en este post:

Para obtener la imagen completa del formulario de cliente, visite aquí.

Cuando un cliente le envíe un correo electrónico utilizando este formulario de cliente, usted responderá indicando lo siguiente

• El cliente necesitaba reservar una cita con usted usando su aplicación Calendly
• El cliente necesitaba completar el formulario de cliente anterior

Veamos cómo crear este formulario mientras también discutimos los elementos que ayudan a que este formulario sea tan efectivo.

Paso 1: instale los complementos

Un complemento de formulario de contacto excelente (y gratuito) que recomendaría es WPForms. Puede instalar y activar el complemento yendo a su Panel de control > Complemento > Agregar nuevo .

A continuación, instale y active el generador de páginas gratuito Elementor con el mismo método.

Después de tener todas las herramientas necesarias, ¡comenzaremos de inmediato!

Paso 2: crea una página para tu formulario de cliente en Elementor

Tenemos que crear una plantilla de página que incluya el formulario de contacto de su cliente. Esta página tiene esta estructura de arriba a abajo: encabezado de página - encabezado del formulario de contacto - formulario de contacto - pie de página.

Nota : El formulario de contacto se realizará más adelante en el Paso 3.

Crear una página de lienzo

Lo primero que notará sobre el formulario del cliente de recopilación de datos es que no hay encabezado ni pie de página . El propósito completo de la página, cuando envío el enlace al cliente, es obtener la información del cliente que luego usaría para mi consulta inicial.

Por lo tanto, lo primero que debemos hacer es crear la página en Elementor y asegurarnos de que el tipo de página sea Canvas .

Crear un encabezado para la página

Aunque no hay un encabezado y pie de página tradicionales, quería incluir un encabezado pequeño que les dijera el sitio web en el que estaban. También notará que el enlace en el encabezado superior en realidad va a la sección de Reseñas de clientes .

De esta forma el cliente sabe dónde se encuentra. ¿Si el cliente dudara, hacer clic en el enlace le dará la confianza para continuar?

Esto se hace a través de una sección simple con un fondo para el color de su marca seguido de un campo de texto. ¡Cosas bastante sencillas!

Crear un encabezado para el formulario de contacto del cliente

El siguiente paso es el encabezado del formulario del cliente. Aquí he usado la fuente Lato a 60px al editar.

El subtítulo era el mismo tipo de letra solo con 24 píxeles. Además, el peso en el subtítulo es 300. Puede hacer que los subtítulos tengan un peso inferior al promedio manualmente para que el encabezado superior se destaque más.

Crear un pie de página para la página

A continuación, agregue un pie de página, que es solo una sección con el mismo fondo que el encabezado. En este caso, tengo 2 columnas. No solo vuelvo a vincularme a las reseñas para ganarme la confianza, sino que también dirijo a la página Acerca de, donde hablo más sobre mí.

Paso 3: cree el formulario de contacto utilizando el complemento WPForms

El siguiente paso es crear el formulario de contacto. No entraré demasiado en esto, ya que un generador de formularios de contacto es bastante sencillo. Para obtener más detalles sobre cómo utilizar este complemento de formulario de contacto, ya tenemos un tutorial aquí.

Allí solo es cuestión de arrastrar y soltar los campos del formulario de contacto.

Afortunadamente, no tiene que crear el formulario de contacto usted mismo; puede importar el archivo JSON que he subido en el enlace a continuación e importarlo yendo a WPForms > Herramientas > Importar y completando sus formularios.

Aquí está el enlace al archivo JSON .

Para importarlo solo cárguelo aquí:

Una cosa a tener en cuenta: una vez que haya importado el formulario de contacto, deberá obtener el código corto. Una vez que haya terminado de editar el formulario de contacto, simplemente haga clic en Insertar y luego en la opción Usar un código corto .

Luego, simplemente copie / pegue ese código corto en su página.

Paso 4: cree la cotización de la columna derecha y coloque su imagen en ella

Una cosa que desea hacer con la forma de cliente también es mantener su posicionamiento, agregar carácter y vida a la forma de su cliente.

Crea la cita en bloque

La primera parte es la cita en bloque. Este es un elemento Elementor estándar. Sin embargo, hay un par de puntos sobre esto.

Notarás que hice la cita en rojo y grande. Puede configurar la sección Editar cita en bloque a Cita , y establecer el color en rojo y el tamaño en 1.

En cuanto al cuadro de texto en sí, desea recordarle al cliente por qué está completando el formulario del cliente y cómo esto lo ayudará. También notará que agradezco al usuario por hacer clic en la página desde el enlace del correo electrónico.

Crea la foto y la firma

El siguiente elemento es simplemente una foto tuya y una firma en el formulario de cliente. Una firma agrega un toque de clase y hace que la sección suene más oficial. Puede parecer una tontería, pero se ve mejor que simplemente escribir el nombre de su marca, y nuevamente desea hacer que su marca sea lo más fuerte posible en esta etapa.

Usé el generador de firmas en línea de DocSketch para hacer esta firma.

Y ese es el último paso para crear un formulario de cliente. Recuerde guardar y publicar su formulario de cliente.

Conclusión

Una vez que este formulario de cliente esté completo, estará listo para ponerlo a trabajar. Ahora todo lo que tiene que hacer es esperar su próxima consulta en línea. Cuando esto sucede, debe enviar un correo electrónico al cliente solicitándole que complete el formulario del cliente.

¡Espero que este formulario de cliente funcione para usted y le ayude a posicionarse como el experto indiscutible antes de su reunión! ¡Buena suerte!

Bio del autor

Kosta es un especialista en el desarrollo de WordPress en Sydney y es un experto en la entrega de sitios web personalizados de WordPress que son rápidos, estables, confiables pero lo más importante es que realmente hacen que los clientes hagan lo que usted necesita que hagan, y eso es tomar medidas.