Cómo agregar formularios de contacto utilizando el complemento – P1: use el formulario de contacto 7

Todos los campos tienen la información común que dije anteriormente. Por lo tanto, solo guía las partes específicas de cada dominio ahora. A continuación hay instrucciones detalladas para cada campo. Cree un campo para ingresar el campo Seleccione el campo Seleccionar el texto e ingrese la información del campo básico en el cuadro:
En la sección Tipo de campo, puede elegir, de modo que este campo sea obligatorio para completarse (esto es opcional). Nota: En la sección Valor predeterminada, elija este texto como sustituyente de campo para mostrar este contenido de contenido antes de que los usuarios ingresen datos. Debe usar este modo para explicar a los usuarios qué completar el campo. La sección Akismet está relacionada con el complemento Akismet-An Anti-Spam. Si no tiene este complemento, entonces no le importa esta sección. Cree un campo para ingresar el número de teléfono Seleccione el campo numérico y complete la información básica para el campo. En la sección Tipo de campo, elija un tipo para este campo. Hay dos tipos de campos: Spinbox y Slider. El control deslizante mostrará una escalera para elegir el número de la siguiente manera:
Este estilo es adecuado para observar o elegir números basados ​​en una escala particular. Mientras tanto, Spinbox le permite ingresar cualquier número, la secuencia de números en el campo, como el número de teléfono, el número de tarjeta, el número de tarjeta de identidad, … así que en este ejemplo elijo Spinbox. La sección de intervalo le permite elegir un límite para el número. En este ejemplo, no necesito esta sección, así que no completé nada. Cree un campo para seleccionar especializaciones y ubicaciones de estudio con este campo, seleccione el menú desplegable.
Ahora, complete las opciones de especializaciones y ubicaciones en la sección de opciones, tenga en cuenta que cada opción es una línea. Si desea permitir a los usuarios seleccionar más opciones simultáneamente, haga clic en Permitir múltiples selecciones. Cree un campo para elegir el propósito de la grabación Seleccione el campo del cuadro de selección. La sección Opciones es similar a la del campo de menú desplegable anterior. Además, hay varias opciones para cajas de selección de la siguiente manera
Pon una etiqueta primero y luego una casilla de verificación

Envuelva cada elemento con el elemento de la etiqueta


Haga casillas de verificación exclusivas (puede elegir una opción).

Cree el botón Enviar eventualmente, seleccione el campo de referencia y complete solo la información como el siguiente requisito (tenga en cuenta que la etiqueta es la palabra que aparecerá en este botón, por ejemplo, “enviar”, “registrar”, “confirmar”).

En particular, al crear un nuevo formulario, este complemento ya ha creado automáticamente un campo enviado. Por lo tanto, puede usar este campo sin crear uno nuevo. Agregue las etiquetas de campo ahora que ha terminado de crear campos para el formulario de contacto. Sin embargo, sus campos no tenían un nombre para mostrar en el formulario de contacto de la siguiente manera:

Por lo tanto, debe agregar etiquetas a los campos insertando la siguiente estructura de código en la parte HTML de la forma: etiqueta de campo
[Etiqueta de campo] luego escriba la etiqueta de campo en la sección de la etiqueta de campo. Luego complete toda la información anterior, haga clic en Guardar. Después de crear los campos, mi formulario de contacto tiene la siguiente estructura de código, tenga en cuenta que he organizado los campos para mostrarlos en la posición deseada en el extremo frontal: Su nombre (obligatorio) [Texto* su nombre ” Ingrese su nombre. “] su número de teléfono
[Sustituyente para el número de teléfono “Escriba su número de teléfono”] su correo electrónico (obligatorio)
[Correo electrónico* Su correo electrónico “Escriba la dirección de correo electrónico”]
mayor

[Seleccione* Mayor “Computadora” “Lingüística” “Agricultura” “Ingeniería” “Comercio electrónico”] Ubicación para estudiar
[Seleccione* Ubicación para el estudio “Nueva York” “Chicago” “Los Ángeles” “Washington DC” “Houston” “Filadelfia”] registrarse en
[Casilla de verificación* registrar etiqueta_first “estudiar” “tomar una gira” “consulta”] [Enviar “Enviar” esta vez, su formulario de contacto no aparece en el sitio. Tienes que dar más pasos para mostrarlo en el frente. Configuración Formulario de contacto Configurar El correo electrónico de la pestaña de correo le permite personalizar el contenido de correo electrónico que recibirá cuando los usuarios envíen los formularios de contacto. Para configurar esta sección, debe insertar etiquetas de correo electrónico de los campos en el formulario de contacto que acaba de crear. Aquí hay un ejemplo:
Explicaciones:
Para: Ingrese la dirección de correo electrónico de la persona a cargo de verificar el formulario de contacto.
De y tema: debe establecer un nombre aquí para determinar quién envía este formulario de contacto. El mensaje del mensaje: agregue aquí las etiquetas de correo electrónico para asegurarse de que cuando reciba correos electrónicos del formulario de contacto, mostrará toda la información usted Solicitud de usuarios.
Otro mensaje de pestaña de configuración
Ingrese los mensajes utilizados en situaciones como puede ver en la descripción del archivo. Por ejemplo, después de que los usuarios envíen el formulario con éxito o no lo envíen, debe agregar un mensaje para informarles al respecto. O cuando los usuarios olvidan un campo obligatorio, debe agregar un mensaje para que los usuarios puedan volver a completar ese campo. Aunque estos son pequeños detalles, debe prestar atención para mejorar la experiencia del usuario. La pestaña Configuración adicional
Esta pestaña le ayuda a agregar fragmentos de código para instalar lo siguiente:
Solo para suscriptores

Modo demostrativo
Saltar sobre el correo electrónico
Aceptación como validación
Configuración de flamenco
Suprimir el almacenamiento de mensajes

Código JavaScript

Hay algunas piezas bastante útiles que debe usar, como:
Solo para suscriptores: este modo solo permite a los usuarios conectados a su sitio web enviar el formulario de contacto. Esto elimina los mensajes de spam y es solo para aquellos que realmente quieren contactarlo.
Aceptación como validación: agregue una función para mostrar notificaciones para el cuadro de validación de aceptación cuando los usuarios no marcan esta casilla, pero muévase a otro campo. Debido a que, por defecto, si los usuarios no marcan el cuadro de validación de aceptación, el mensaje de error solo se mostrará después de enviar el formulario. Este cuadro de validación de aceptación a menudo se usa para crear campos como “Estoy de acuerdo con los términos del sitio”, pero si crea otros tipos de contenido, es posible que deba agregar como validación. Para obtener más información sobre las otras funciones en las funciones en las Pestaña de configuración adicional, puede leer más aquí. Muestre el formulario de contacto en el sitio El paso final es mostrar el formulario de contacto que acaba de crear en el sitio. Todavía en la interfaz para crear un nuevo formulario, copie el código corto y péguelo en la página o publicación deseada.
Aquí están mis resultados finales:
Sin embargo, mi formulario de contacto no se ve muy bien, por lo que tengo que modelarlo un poco. Si desea cambiar el formulario de contacto como la plantilla que ofrecí al comienzo de este artículo, deberá editar el formulario HTML de la siguiente manera, para ser más fácil de ser elegante:
Su nombre (obligatorio)
[Texto* sustituyente para su nombre “Escriba su nombre”]

su número de teléfono
[Sustituyente para el número de teléfono “Escriba el número de teléfono”]

dirección de correo electrónico (obligatoria)
[Correo electrónico* Sustituyente para su correo electrónico “Escriba la dirección de correo electrónico”] mayor
[Seleccione* “Informática” Sección “Lingüística” “Agricultura” “Ingeniería” “Comercio electrónico”]

Ubicación del estudio
[Seleccione* Ubicación para el estudio “Nueva York” “Chicago” “Los Ángeles” “Washington DC” “Houston” “Filadelfia”]

registrarse en
[Casilla de verificación* registrar use_label_ elemento “estudiar” “tomar una gira” “consultar”]

] Flex-Wrap: envoltura; margen: 0 -15px; Relleno: 20px; Antecedentes: #EEEEEE; } .Form__field {ancho: 50%; Relleno: 0 15px; margen de fondo: 20px; } .Form__field.Form__full-width {ancho: 100%; } .Form__field Entrada: Focus :: PlaceHolde {Opacidad: 0; } .Form__field Entrada, .Form__field Select {Width: 100%; Color: #77818E; Estilo de fuente: cursiva; } .Form__field Entrada :: Deflector de posición, .Form__field Select :: Place Hearter {Color: #77818e; } .Form__field Input [type = “enviar”] {color: #4299E1; Ancho: auto; Antecedentes: #fff; Borde: 1px Solid #4299E1; } .Form__field span.wpcf7-list-Printm {margen: 10px 20px 0 0; Bloqueo de pantalla; } .Form__field span.wpcf7-List-Printm Entrada {Width: Auto; } .wpcf7-checkbox {display: flex; Justify-Concursing: Space-between; } Finalmente, haga clic en Publicación para guardar.