La mayoría de los sitios web necesitan una forma de comunicarse con los clientes, los clientes potenciales o los lectores habituales. Puede comprar un tema que tenga una página de contacto personalizada incorporada o intentar codificar una página de contacto usted mismo, pero estas opciones suelen ser costosas o complicadas. No tiene tiempo para eso, lo que nos lleva al formulario de contacto 7.
¿Qué es el formulario de contacto 7?
Contact Form 7 es un complemento tirado de WordPress que puede usar para crear una variedad de formularios de contacto para su sitio web. Este complemento no solo es tirado, sino que el código abreviado personalizado para cada formulario de contacto que crea facilita juntar sus formularios de contacto a cualquier publicación, página o campo de acción de widgets.
Nos encanta tanto este complemento que prácticamente todos los temas de Themelocal lo admiten, incluso nuestro tema premium de WordPress más vendido Total. Y otros desarrolladores están de acuerdo, ya que será difícil encontrar un tema con el que no sea compatible.
¿Por qué nominar el formulario de contacto 7?
Entonces, ahora que sabe qué es el Formulario de contacto 7, su próxima pregunta puede ser ¿por qué este complemento? Hay toneladas de complementos de formulario de contacto increíbles para nominar, entonces, ¿qué hace que Contact Form 7 sea la selección correcta?
bueno primero es exento – como en no hay lectura premium. Entonces, en comparación con otros complementos de formulario «gratuitos», no verá toneladas de ventas adicionales integradas en el panel principal, lo cual es verdaderamente bueno. Es incluso personalizable. Además hay formas sencillas de modificar sus formularios con los parámetros disponibles o con un poco de CSS. Y como mencionamos, es compatible con una amplia tono de temas gratuitos y premium, por lo que si decide cambiar su tema más delante, sus formularios de contacto deberían seguir funcionando.
Con eso aclarado, echemos un vistazo a cómo puede usar el Formulario de contacto 7 en su sitio de WordPress.
Cómo comenzar con el formulario de contacto 7
La instalación es manejable. Solo navega a Complementos > Juntar nuevo y use la opción Averiguar para encontrar el complemento Contact Form 7. Instalar y activar el complemento.
Una vez activo, debería ver un práctico aspecto de menú «Contacto» en su tablero de WordPress. Haga clic en él para ir a la página principal de establecimiento del formulario de contacto.
Los autores del complemento fueron lo suficientemente amables como para incluir información útil en el tablero; siéntase exento de descartar este aviso en cualquier momento. Por defecto, incluso habrá un ejemplo de «Formulario de contacto 1» esperándote. Recomendamos eliminar este formulario para que pueda comenzar desde cero.
Juntar Nuevo para crear su primer formulario de contacto. Verás muchas opciones cuando se ensenada tu formulario de contacto. No tengas miedo, te prometo que es manejable.
Primero notará un cuadro en la parte superior de la página. Aquí es donde puede cambiar el nombre de su formulario. Recomendamos nombrar el formulario con poco que tenga sentido para su propósito, como dónde o cómo lo usará.
Ahora, pasando a la configuración arreglado. Vamos a ir a través de estos pestaña por pestaña.
Configuración de formulario
La pestaña Formulario es donde verdaderamente construirá su formulario de contacto. Contact Form 7 usa varias etiquetas para juntar diferentes secciones de formulario. El formulario de contacto predeterminado incluye campos de nombre, correo electrónico, asunto, mensaje y brote de remesa.
A Eliminar un campo simplemente elimine su código del formulario.
A juntar un campo simplemente haga clic en cualquiera de las etiquetas disponibles para insertar el código en la sección de su formulario. Se abrirá una ventana emergente para que pueda confirmar la información relevante antiguamente de insertarla.
Puede crear etiquetas para texto, correo electrónico, URL, teléfono, número, vencimiento, campo de acción de texto, menú desplegable, casillas de comprobación, chico de opción, acogida (por ejemplo, términos), prueba, carga de archivos y brote de remesa.
Configuración de correo
Aquí es donde puede realizar cambios en el correo electrónico que recibe cuando los usuarios envían formularios de contacto. De forma predeterminada, el complemento utilizará la dirección de correo electrónico del administrador de su sitio, pero puede cambiarla fácilmente a un correo electrónico de soporte o a varias direcciones de correo electrónico.
Encima, si elige juntar etiquetas personalizadas a su formulario, asegúrese de juntar el fragmento de código abreviado generado en el cuerpo del mensaje. Si no pega ese fragmento de código, no recibirá las respuestas que los usuarios envíen para ese campo.
La opción Correo 2 le permite crear una respuesta cibernética que le permite al legatario conocer que su mensaje ha sido recibido. O puede estilarse si desea remitir un correo electrónico diferente a diferentes destinatarios. Tal vez desee admitir correos electrónicos con la información completa del formulario de contacto incluida, pero solo desea que su personal de soporte reciba correos electrónicos con uno o dos campos. Hay varias formas de utilizar esta función.
Configuración de mensajes
Edite los mensajes que se muestran a los usuarios para una variedad de tareas completadas (o incompletas). Puede crear mensajes personalizados para eventos como el remesa exitoso de un contacto, errores de firmeza, formato incorrecto y más.
Ajustes adicionales
La última pestaña para Configuración adicional le permite habilitar varias opciones integradas solo para suscriptores, modo de demostración (para que no se envíen correos electrónicos), firmeza de acogida, opciones de almacenamiento de mensajes y más. Puedes ver más Configuración adicional del formulario de contacto 7 en su documentación.
Una vez que haya terminado de editar, asegúrese de seguir los cambios.
Usando su formulario
Con su formulario de contacto despierto y despierto para usar, puede copiar el código abreviado del formulario para insertarlo en una página, publicación, campo de acción de widgets, etc. El código abreviado se puede encontrar en la parte superior de la página de creación del formulario de contacto, amoldonado debajo del título del formulario una vez que guarde ( está resaltado). Debería encontrarse poco como esto:
[contact-form-7 id="330" title="Contact Page"]
O si está utilizando un creador de páginas como WPBakery o Elementor, simplemente puede usar el módulo de creación de Contact Form 7 relacionado para elegir e insertar su formulario en una página.
Formulario de contacto 7 Consejos avanzados
Ahora, si lo desea, puede volverse verdaderamente elegante con el Formulario de contacto 7 con solo un poco de código personalizado. Estos son algunos de mis trucos favoritos que puede usar para crear un formulario de contacto impresionante para su sitio web.
Texto del contador
Tal vez no desee encabezados en los campos de sus formularios, o tal vez desee juntar texto para demostrar a los usuarios lo que deben ingresar en un archivo en particular. Juntar un contador de posición es manejable, simplemente elimine las etiquetas de sus campos, luego agregue su texto preferido con comillas al final de su código entre corchetes de esta forma:
[text* your-name "Your Name"]
Campos de entrada de ufano completo
Personalmente, no me gusta que los campos de texto predeterminados sean tan cortos. Hay dos formas de cambiar el ufano de un campo de texto. La forma tramposa es simplemente juntar el ufano de la largo del carácter que desea al código para ese campo en la sección del formulario. Entonces, si desea un campo de ufano completo con espacio para 300 caracteres, agregue 300 seguido de una mostrador invertida como esta:
[text* your-name 300/ "Your Name"]
Si desea hacerlo de la forma correcta, deberá juntar el posterior código a su hoja de estilo CSS:
input.wpcf7-text { width: 100%; }
Pero esto afectará TODOS los campos de texto del Formulario de contacto 7 en toda su instalación de WordPress.
Si está utilizando el creador de páginas de WPBakery, tiene la opción de evitar esto y apuntar a una fila específica en una publicación o página específica para que solo un formulario de contacto incidental tenga estilo. Primero haga clic en la fila y agregue un ID de fila personalizado. Luego vigilante.
A continuación, haga clic en el ícono de ajustes amoldonado encima del campo de acción de contenido principal de su publicación o página y escriba #YOUR-ROW-ID seguido del código CSS mencionado anteriormente.
Campos de entrada en paralelo
Otro buen truco es juntar sus campos uno al flanco del otro. Creo que esto mantiene el formulario de contacto súper libre y profesional. Para hacer esto con Total WordPress Theme, te lo ponemos manejable y agregamos una clase personalizada. Simplemente agregue in class=”one-half” a sus etiquetas p así:
<p class="one-half first">[text* your-name "Your Name"]</p>
<p class="one-half">[email* your-email "Your Email"]</p>
<p>[textarea your-message]</p>
<p>[submit "Submit Form"]</p>
Nota: Este consejo es específicamente para los usuarios de Total Theme, pero otros temas pueden tener incorporado un estilo de formulario similar.
Etiquetas de correo electrónico elegantes
A veces se necesita más información de la que envía el legatario. Aquí es donde está el formulario de contacto 7 etiquetas especiales de correo electrónico Ser util. Con estos, puede juntar marcas de tiempo de correo electrónico, dirección IP de remesa, la identificación o el título de la publicación que contiene el formulario de contacto y más. Todas estas herramientas pueden ayudarlo a abastecer organizados los envíos de formularios.
Obtenga más información sobre el formulario de contacto 7
Para obtener más consejos sobre el uso del Formulario de contacto 7, consulte su documentación. Aquí encontrará explicaciones detalladas de las diversas etiquetas y de lo que son capaces, consejos efectos de los autores del complemento y artículos efectos sobre la resolución de problemas si, por alguna razón, el complemento no funciona para usted.
Contact Form 7 es uno de los mejores complementos gratuitos disponibles y es una de las mejores opciones para crear formularios de contacto en cualquier sitio web de WordPress. Esperamos que esta timonel haya sido útil, pero si tiene alguna pregunta o desea compartir sus opiniones sobre el Formulario de contacto 7, ¡déjenos un comentario a continuación!