homefinance blog
Esta es una de las cosas más importantes que debe saber al crear su sitio web de WP: cómo agregar un formulario de contacto en WordPress. La mayoría de los sitios web del mundo usan formularios de contacto. Si no es obvio por qué, déjame darte algunas pistas:
Puede obtener más clientes potenciales, porque hace que los visitantes sean muy fáciles de contactarlo,
Hay personas a las que no les gusta hacer compañías telefónicas y prefieren elegir el correo electrónico,
Elimina la fricción para que los visitantes envíen un correo electrónico al correo electrónico que su lista de contacto, como datos de contacto,
Puede automatizar las secuencias de correo electrónico y seguir los registros mejor.
El formulario de contacto suele ser parte de la página de contacto. Y una página de contacto es esencial para casi todos los sitios web. Es una prueba clara de que la compañía es real, ofrece transparencia y un medio real para que las personas se comuniquen con los miembros del equipo.
Ahora, no debemos reanudar los formularios solo para formularios de contacto. Los formularios también pueden aparecer en forma de prueba, una encuesta, un formulario de pago, formularios de registro, un formulario de suscripción al Boletín Informativo … ¿Las ha conocido varias veces, no? Cuando comprenda cómo funciona un formulario, podrá crear cualquier otro formulario. Tal vez tenga un libro electrónico que desea ofrecer a cambio de un correo electrónico (como lo hice a continuación). Necesitará un formulario para esto.
Ahora en este artículo, tú:
Te muestra los complementos más populares para el formulario de contacto de WordPress,
Lo guía agregando un formulario de contacto en WordPress usando un complemento,
Le brinda consejos para diseñar formularios web, mostrar algunas formas geniales e inteligentes.
¿Negocio?
Los 4 complementos de WordPress más populares
! -row “>
!!>
tiene plantillas de formulación prefabricadas
tiene varios campos personalizados para elegir
Puede importar y exportar contactos a través de herramientas de exportación / WordPress importadas
Se puede agregar re-captcha para evitar el spam
Muy intuitivo de usar
Funciona con códigos cortos
tiene funciones de correo electrónico que puede usar para el seguimiento
! “> Wpforms
Compatible con dispositivos móviles
Tiene más de 100 plantillas de formularios previamente construidos
funciona deslizando y arreglando
Probablemente el constructor de fórmulas de WordPress más rápido
Los formularios se pueden personalizar con HTML y CSS personalizados
protección contra el spam
Agregar o eliminar campos según la lógica condicional, ¿no es interesante?
Vista previa de los formularios antes de ingresar directamente
Funciona a través de arrastrar y soltar
Puedes usar lógica condicional
Puede exportar las referencias en hojas PDF, XLS o Google
Integraciones con algunas de las mejores herramientas de correo electrónico disponibles (por ejemplo: MailChimp, Monitor de campaña)
SEO y para dispositivos móviles
! “> Trainer
Opciones para crear encuestas, encuestas y pruebas
Opción de cálculo disponible (es posible que desee implementar una computadora de tasa de interés en su sitio)
mucha integración disponible con herramientas de correo electrónico
Puede construir su propia integración a través de la API del desarrollador
Bloque de formador disponible
Opciones de enrutamiento de correo electrónico
Estos 4 complementos son los mejores, pero tenga cuidado de que algunas de las funciones sean gratuitas, algunas de ellas se pagan. Antes de decidir, definitivamente puedes llevarlos a un turno y ver cómo entiendes.
Construyamos un formulario de contacto de WordPress En este ejercicio, usaré el tema SkylineWP, junto con el generador de páginas de Colibri. El constructor extiende las características de SkylineWP, dándole opciones de arrastrar y soltar. También me da acceso a docenas de bloques de contenido predefinidos (incluidos los formularios “Contáctenos”). Ahora, la mayoría de los constructores de páginas y personalizadores de temas son similares. Así que no te molestes si no usas el mismo tema que yo. Se está formando el complemento que instalaré. ¡Vamos! Paso 1: instale y active un complemento para el formulario de contacto en el tablero de WordPress, vaya a complementos-> Agregar nuevo. Busque el complemento por nombre, luego seleccione “Instalar ahora”, luego “Habilitar”. Passe 2: Abra el personalizador del tema en el tablero de WordPress, vaya a la apariencia-> Personalizar, o desde el tablero de WordPress, vaya a “páginas” “. Coloque el cursor en una página y seleccione “Personalizar” o “Editar” (si usa el editor de WordPress). En mi caso, debido a que uso el generador de las páginas de Colibri, existe la opción “Editado con Colibri”.
Ahora estoy en Customizer.
Paso 3: agregue un formulario de contacto en su página de WordPress, mi página actual ya tiene un bloque de formularios de contacto después del diseño. Pero voy a agregar uno más. Puedo hacer esto agregando un bloque de contactos.
Voy a la parte inferior de la página y selecciono “Agregar un bloque predefinido”. Aparecerá una nueva ventana a la izquierda. Escriba “contacto” para ver todos los bloques de contacto.
Selecciono un diseño.
Ahora, no ve ningún campo ahora, porque el formulario debe configurarse en el formulario. Lo haremos en un minuto. Pero primero, quiero explicar qué es un corto código. Los códigos cortos de WordPress son pequeñas piezas de código que le permiten hacer varias cosas en WordPress, como: insertar una tabla, un formulario, etc. No se preocupe por el término “código” allí, no tendrá que escribir el código usted mismo. El código es generado por un complemento. Solo tendrás que darle algunas entradas. Comprenderá mejor esto en el siguiente paso. Passe 4: creando un formulario de WordPress con el formador y luego, debe volver al tablero de administrador de WordPress. En el menú a la izquierda, seleccione “Trainer”.
A continuación aparecerá un menú de forminante. Seleccione “Formularios”, luego vaya a “Crear”
Paso 5: personalice el formulario de contacto en WordPress Puede iniciar un formulario desde cero o desde una plantilla. Seleccionaré el “Formulario de contacto”.
Después de hacer clic en “Continuar”, puede nombrar el formulario de contacto.
Luego comience a personalizar los campos de formulario.
Hay varios campos de formularios disponibles en planes gratuitos y profesionales.
Elimino el campo “Número de teléfono”, porque las personas generalmente son reacias a compartir sus números de teléfono.
Al seleccionar “Edición de campo”, puede:
Elija si se requiere un cierto campo (en “Configuración”),
Elige esconder o no un campo específico basado en algunas reglas (¡esta es un interesante y útil!),
Cambie las etiquetas predeterminadas a aquellas que mejor coincidan con sus campos de formulario de contacto,
Cambiar sustituyentes. Esto significa que en el campo de correo electrónico puede dar un ejemplo de correo electrónico o simplemente ingresar algo como “Ingrese el correo electrónico aquí”, cuando se establece el formulario, es hora de pasar a “apariencia”.
Aquí puedes:
Elija un diseño para el formulario,
hacer cambios de fuente y color,
Hacer ajustes al espacio y los bordes,
Agregue su propio estilo CSS.
Cuando se establece la apariencia, es hora de cambiar a “comportamiento”.
Aquí tiene que decidir qué sucede después de enviar el formulario: ¿Mostrará un nuevo mensaje o página (generalmente llamado la página gracias)? Luego puede configurar notificaciones por correo electrónico. Probablemente desee ser notificado cuando ocurra una nueva referencia, ¿verdad? Casi termino, así que me apoyo :). Ahora, si utiliza un proveedor de correo electrónico como MailChimp o HubSpot, puede integrar FormInator con él. También puede usar Slack, Sheets, Trello u otras integraciones.
Antes de publicar el formulario, debe acceder a la configuración y hacer la confidencialidad y la configuración de spam.
Y estás listo para acceder a “Publicar”. En el momento en que hagas esto, recibirás un código corto. ¿Recuerdas que lo mencioné antes? Cópialo. Lo pegarás un poco más tarde en Customizer.
Ahora, si regresa a “Formulaciones”, en “Trainer” puede ver una lista de todos los formularios e informes sobre referencias. Cada formulario tiene una opción “Editar” para que pueda hacer cambios más tarde. Desde aquí puede obtener una vista previa, publicar y eliminar un formulario. Un aspecto clave de esta opción “Editar” es que el código corto también le ofrece.
Paso 6: agregar el formulario al formulario de contacto de WordPress ahora es el momento de volver a Customizer. Vayamos al formulario de contacto y haga clic en “Agregue el código corto aquí”. En el lado izquierdo, pegue el código corto para “formar un corto código”.
Guarde y publique la página. Estás listo. Era bastante simple, ¿no? Paso 7: verifique que el formulario de contacto funcione correctamente ahora, envíe un formulario falso y vea si se informa. Formularios de diseño web: la anatomía de las mejores prácticas de casos de los formularios web es bastante simple:
Campos de formulario (por ejemplo, nombre de correo electrónico, teléfono, etc.),
Llamar a la acción (alias un botón invitando a actuar: comprar, descargar, registrarse, etc.),
consentir.
Ahora, hay algunas recomendaciones de optimización que lo ayudarán a tener tasas más altas para completar los formularios o las tasas de conversión, dependiendo del alcance. Entonces, veamos algunas cosas que hacer y hacer, ¿verdad?
Agregue un encabezado a su formulario: “Contáctenos”,
Use sustituyentes para asegurarse de que los usuarios comprendan exactamente cómo completar los formularios,
Complete algunos de los campos cuando tenga información disponible,
Use menús desplegables con autosuguridad. Por ejemplo, cuando alguien comienza a escribir un país, puede hacer sugerencias.
Use recaptcha solo cuando reciba muchas respuestas de spam, de lo contrario podría afectar las tasas de finalización,
Use “obligatorio” solo para los campos que son realmente necesarios,
Asegúrese de que el campo de formulario activo esté enfocado,
Aclarar los mensajes de error: por ejemplo: “La contraseña debe contener al menos una letra y un número grande”,
No enmascare las contraseñas a menos que sea realmente necesario. ¿Cuántas veces no ha molestado que la contraseña que ingresó no coincida con la contraseña anterior? Y no hay forma de detectar el error, asegúrese de que el texto de la exhortación y el botón tengan un contraste adecuado,
Elimine los campos innecesarios, cuantos más campos tenga, menos personas que completarán su forma. Hay algunos casos en los que desea completar múltiples campos. Si ofrece algo realmente valioso, como una guía u otro recurso importante, las personas podrían completar su información si creen que el valor que obtienen vale su tiempo. Además, en B2B, los especialistas en marketing usan varios campos para entregar su público objetivo y personalizar las actividades.
Fuente: La tribu de crecimiento, por otro lado, hay herramientas como ClearBit que pueden enriquecer sus datos sobre el potencial potencial. Según el nombre y el correo electrónico, puede tener acceso a datos como el nombre de la empresa, la función, el país, etc. Pero esto puede volverse costoso. En el caso de los formularios de pago, hay un estudio que muestra que el promedio de pago muestra dos veces más campos de formularios de lo necesario. Y esto conduce a una disminución en las ventas. La gente abandona el proceso de pago. Y esto, damas y damas, significa adiós al cliente … Formularios web: algo de inspiración
Neil Patel
Neil Patel es una de las mayores influencias de marketing en línea, por lo que realmente debería poner un formulario de contacto. El título de su forma es “¿Cómo puedo ayudar?”. No es tan frío como “Contáctenos”. Se siente familiar y … ayuda. Bajo el título, hay otro texto que aclara el propósito del formulario de contacto. Utiliza un menú desplegable para facilitar la búsqueda de un determinado tema. No usa otros campos para la segmentación.
Shopify. Registro gratuito sin intentos.
Airslate – Plataforma de automatización de marketing. El formulario tiene varios campos. La intención es segmentar de acuerdo con el tamaño de la empresa, el nombre de la empresa y la función. En B2B, sabiendo que estos detalles realmente pueden ayudar en el proceso de venta. Puede ayudar a priorizar las perspectivas.
Qarea – Compañía de diseño web
Hay ciertas formas en las que es útil una explicación de las siguientes etapas. Para la gran mayoría de las empresas de outsourcing, existe esta práctica para solicitar estimaciones del proyecto a través del formulario de contacto. Lo que es hermoso de Qarea es que establecen sus expectativas. El proceso consta de 3 pasos y puede encontrar los detalles. Todo claro, ¿verdad?
PaperPillar – Compañía de diseño web
Tenga un formulario de contacto que aparezca después de hacer clic en un impulso (CTA). Muestran claramente a la persona que envía el formulario que una respuesta vendrá en aproximadamente 2 días. También está invitado a verificar la carpeta de spam.
Formulario de contacto de diseño presentado en Dribbble: ¡mi plataforma de inspiración de diseño favorita!
Esta forma tiene un aspecto visual para ayudarlo a destacar. ¡No descuides el aspecto visual, buena gente!
