Creador de formularios web y páginas de destino

Los formularios son una de las herramientas más poderosas que cualquier sitio web puede ofrecer, ya sea que esté recopilando suscripciones a boletines por correo electrónico o consultas de trabajo de clientes potenciales. Form Builder es un complemento que le permite crear diferentes tipos de formularios personalizados que sus visitantes pueden usar para ponerse en contacto con usted y, al usar ese formulario, también puede enviar la información necesaria. Le ayuda a personalizar su formulario con las especificaciones exactas que usted deseo.

Ajuste

Todos los ajustes son personalizados. Cualquiera puede configurarlos de acuerdo con sus requisitos. Algunas configuraciones se aplican a todo el formulario. Se puede acceder a esta configuración con el ícono de llave inglesa “Configuración” en la parte superior izquierda de Form Builder. La configuración se utiliza inicialmente al crear un nuevo formulario. Tiene diferentes campos que ayudan a crear un formulario. Los campos se explican a continuación.

General

Cada campo se explica por sí mismo. Aquí hay campos que tiene la configuración general que le otorga privilegios para habilitar o deshabilitar campos, es decir:

Módulo: Selecciona la ruta para el formulario.

Deshabilitar formulario: Deshabilite el acceso al formulario.

Permite editar después del envío: Permite realizar cambios una vez que se envía el formulario.

Deshabilitar el envío múltiple desde el mismo dispositivo: Deshabilite el envío múltiple desde el mismo dispositivo si está habilitado.

Deshabilitar el contador de envío: Deshabilite el envío cuando llegue al recuento definido por el usuario.

Habilitar guardado automático: Permite guardar el formulario automáticamente.

Enviar datos a una URL personalizada: Esta función actúa como un webhook y le permite enviar los datos del formulario en un formato estructurado a otra URL, que podría estar en otro sitio. Esto no es lo mismo que redirigir al usuario a otra URL.

Redirigir a la URL después del envío: Después de enviar la URL del formulario de la página como página de inicio.

Correo electrónico

Un envío de formulario normalmente enviaría dos tipos de correos electrónicos. Un correo electrónico de notificación a una lista de destinatarios y una respuesta automática / correo electrónico de agradecimiento al usuario que llenó el formulario. El contenido y el asunto de ambos correos electrónicos son altamente personalizables.

Notificación por correo electrónico: Le permite enviar formularios por correo electrónico. Requiere tres campos que deben completarse antes de enviar. Correo electrónico del remitente, cuerpo del correo electrónico y asunto del correo electrónico.

Respuestas automáticas de correo electrónico: Le permite enviar respuestas automáticas o correos electrónicos de agradecimiento a los usuarios que completan el formulario. Primero, agregue un campo de correo electrónico a su formulario. Haga clic en el campo para editarlo y marque la opción Enviar respuesta automática. Haga clic en el enlace de configuración para editar el contenido de este correo electrónico de respuesta automática. Aquí, puede editar el Nombre del remitente y el Correo electrónico del remitente, así como el Asunto y el Cuerpo del correo electrónico de la respuesta automática. Puede utilizar valores de formulario en cualquiera de estos campos.

Empotrar

Los formularios se pueden compartir de dos maneras en su página. Con una página dedicada, puede compartir un enlace directamente para permitir que las personas completen el formulario. En el formulario de presentación, se puede agregar el código fuente para que el formulario se pueda personalizar a través del código fuente. Básicamente, incluye características externas en su generador de formularios.

Texto personalizado

Puede poner texto personalizado para mensajes de error o mensajes de éxito. Un mensaje de error alerta a los usuarios de un problema que ya ocurrió. Por el contrario, un mensaje de advertencia alerta a los usuarios de una condición que podría causar un problema en el futuro. Los mensajes de error efectivos informan a los usuarios que ocurrió un problema, explican por qué sucedió y brindan una solución para que los usuarios puedan solucionar el problema. A la inversa, la intención de estos mensajes de éxito es hacer que los usuarios se den cuenta de los cambios importantes en el contenido a los que no se les presta atención, y hacerlo de una manera que no interrumpa innecesariamente su trabajo. Entonces, al construir una forma bien diseñada, es muy importante mantenerse al día con todos los pequeños detalles.

Avanzado

Esto implica una configuración avanzada que lo ayuda a crear su formulario. Aquí están los siguientes campos discutidos a continuación que lo ayudan a hacer que su formulario sea interactivo. Es decir:

Nombre de formulario: Un nombre adecuado para dar formulario.

Redirigir al enviar: Redirigir a la URL después de enviar el formulario. La URL se puede completar en el campo dado.

Redirigir: Redirigir después de cuántos segundos. En el campo en blanco dado, ingrese segundos cuántos segundos después desea redirigir la URL mencionada anteriormente.

Separador de miles: Símbolo para separar dígitos cuando la cantidad llega a mil llamadas Separador de miles, por ejemplo, 1,000,000.

Separador decimal: Un separador decimal es un símbolo que se usa para separar la parte entera de la parte fraccionaria de un número escrito en forma decimal. por ejemplo, 12 345 678,9. rompiendo espacios.

Pasos – decide

No envíe valores para campos ocultos: Si está marcado, no envía valores que estén ocultos al principio.

Habilitar el efecto de giro en el número matemático: Permite que el número gire en alguna posición específica.

Deshabilitar envío de formulario al ingresar: Deshabilita el formulario al ingresar el botón de envío.

JavaScript personalizado: JavaScript es uno de los lenguajes más sencillos, versátiles y efectivos que se utilizan para ampliar la funcionalidad de los sitios web El código JavaScript personalizado que el usuario puede colocar en este campo. Los elementos de la API de elementos personalizados pueden heredar elementos HTML nativos u otros elementos personalizados, y se pueden ampliar con nuevas propiedades y métodos. También pueden sobrescribir un conjunto de métodos, definidos en la especificación, que se enganchan en su ciclo de vida.

Eliminar entradas: Puede establecer esto en 0 para deshabilitar por completo el almacenamiento de entradas de formulario en la base de datos. Entonces estarías confiando en los correos electrónicos. Tenga en cuenta que esta opción se aplica a todas las entradas, incluidas las recopiladas antes de habilitar esta opción, por lo que eliminaría las entradas anteriores.

Portal del Cliente

Es una plataforma privada y segura que permite a las empresas compartir información específica de la cuenta con el llamado Portal del cliente. Los usuarios pueden compartir tickets, formularios, facturas, activos, detalles de productos e información de pedidos, calendarios, etc. Además, permite a los usuarios buscar, ingresar, editar y ver documentos fácilmente.

Mostrar en el portal del cliente: Permite que los formularios aparezcan en el Portal del cliente.

Número máximo de envíos: Número máximo de envíos por usuario.

Permitir editar después del envío: Permite editar después del envío.

PDF

Con esta función, puede adjuntar un archivo PDF del formulario con un correo electrónico. Viene con herramientas de estilo para que se vea más atractivo. Que incluye el nombre del autor del PDF, el título del PDF, el título del PDF, el tipo de fuente y su tamaño, los campos de encabezado y pie de página, también incluye imágenes, varias columnas para PDF, etc.

Adjuntar PDF al correo electrónico de notificación: Adjunta el archivo PDF del formulario con el formulario que se puede enviar a una dirección de correo electrónico.

Adjunte PDF al correo electrónico de Auto respondedores: Adjunte automáticamente el PDF del formulario con una serie de correos electrónicos. Ayuda cuando necesita enviar un formulario a un grupo de personas a la vez.

Guardar PDF para cada entrada: Guarda PDF al hacer clic. Cuando se habilita, guarda automáticamente cada archivo PDF en la PC.

Autor del PDF: El PDF requiere el nombre del autor que creó inicialmente el formulario. Por lo tanto, campo que debe completarse para continuar.

Título del PDF: Título del PDF.

Nombre del archivo PDF: Nombre del archivo PDF autorizado por el autor del PDF.

Tamaño de fuente de PDF: PDF requiere un tamaño de fuente de cómo se debe enviar el formulario de documento de un formulario, por lo que para que su documento se vea atractivo, se elige el tamaño estándar.

Familia de fuentes PDF: Las fuentes en su archivo pdf permiten que cualquier persona que abra su archivo vea el documento como lo desea.

Mostrar encabezado y pie de página: La herramienta Encabezado y pie de página le permite insertar texto, imágenes y otros archivos PDF en una o más páginas de un documento PDF. Tiene control total sobre la posición, el tamaño, la opacidad y otras propiedades de sus encabezados y pies de página, y puede guardarlos para reutilizarlos.

Incrustar imágenes en PDF: Puede incrustar diferentes tipos de imágenes en PDF.

Usar HTML en PDF del campo de texto personalizado: Puede seleccionar en HTML los campos que desea convertir en campos de formulario PDF utilizando el atributo especial. Los demás campos HTML que no se seleccionaron explícitamente no se convertirán en campos de formulario PDF.

Columna múltiple para PDF: Los campos de columna múltiple se pueden agregar en PDF. El usuario puede agregar cualquier cosa para satisfacer los deseos.

Estilismo

Esta característica le permite usar su propia hoja de estilo en cascada (CSS) para personalizar el aspecto de su creador de formularios. Diseñar formularios con CSS es una gran oportunidad para agregar la marca de la empresa en el formulario, sin mencionar que ofrece mucha flexibilidad durante la creación.

General

Para agregar un estilo CSS personalizado o un estilo de fuente y página personalizado o poner una marca de agua en su formulario, el estilo general lo ayudará a hacer que su documento sea más atractivo.

• Estilo general: Implica que el estilo se elimine de los bordes y el estilo de los campos permanecerá dentro del formulario y no perturbará el campo o la línea del borde. También tiene un icono para ocultar los bloques de estilo. si está habilitado, ocultará todo el bloque de estilo.
• Estilo de fuente: El estilo de fuente decide el tipo de fuente y su tamaño. Hay diferentes tipos de fuente disponibles en la fuente del menú desplegable o el tamaño del texto es qué tan grandes son los caracteres que se muestran en una pantalla o se imprimen en una página
• Estilo de campo: Puede personalizar el diseño de campo y la alineación de campo Las propiedades de diseño y alineación se pueden configurar en dos lugares en el nivel de formulario y en el nivel de campo. La configuración realizada a nivel de formulario se aplica a todos los elementos dentro del formulario, excepto a aquellos elementos a los que aplica cambios a nivel de elemento
• Su logotipo: El logotipo se puede personalizar. Sube cualquier foto de tu logo. Se puede utilizar como marca de agua.
• CSS personalizado: Puede personalizar su página con CSS personalizado (hoja de estilo en cascada).

Esquema de colores

Permite a los usuarios personalizar los colores utilizados en un formulario. Hay disponible una pantalla de selección de color para el color base, el color de fuente del botón, el color del botón de paginación, el color de fuente general y el color de fuente del campo. Para personalizar el color de un componente visual en Formularios, haga clic en el botón correspondiente del objeto para cambiar el color y haga clic en una de las celdas de color.

Fondo

La imagen de fondo del formulario se puede vincular, cargar desde su computadora o ser transparente. Utilice el selector de color para seleccionar el color de su agrado o escriba los códigos de color RGBA o hexadecimal. Esto ayuda de alguna manera a decir que a veces puede querer personalizar el estilo de sus formularios. Esto puede deberse a que desea que los formularios coincidan con el resto de su sitio web o porque desea que un formulario se destaque en una página web.

Avance

Antes de imprimir/enviar un documento, es importante asegurarse de que se imprimirá de la manera que desea. La vista previa de un documento le permite ver exactamente cómo aparecerán las páginas cuando se impriman y, cuando sea necesario, realizar cambios en el documento. La vista previa le permite ver exactamente cómo aparecerá el documento cuando se imprima.

Respaldo

La copia de seguridad se refiere al proceso de almacenar datos en otro medio separado y no solo en el almacenamiento principal. Esto lo ayuda a recuperar datos en caso de que el hardware principal falle o sea robado. Una de las mejores cosas de hacer una copia de seguridad de los datos es la facilidad con la que puede recuperar archivos e información. Cuando realiza una copia de seguridad de los datos, tiene la capacidad de acceder a archivos específicos en segundos.

Agregar campos

Bóveda

Un encabezado es una palabra, frase u oración al comienzo de un pasaje escrito que explica de qué se trata. Un encabezado es muy similar a un título. Que normalmente se usa para dar definición a su diseño.

• Etiqueta: Una etiqueta puede comunicar a los usuarios de qué se trata el contenido. Una etiqueta se puede utilizar para describir un atributo.
• Ancho de columna: Le permite cambiar el tamaño del ancho de columna del texto, lo que significa que cada columna se dimensionará de acuerdo con el porcentaje de mención.
• Texto del encabezado: El texto del encabezado es el contenido que aparecerá en su encabezado.
• Relleno: El relleno es el espacio que hay dentro del elemento entre el elemento y el borde. El relleno rodea los cuatro lados del contenido y puede orientar y cambiar el relleno para cada lado con CSS.
• Formato: El formato es un arreglo para algo escrito, cómo se organiza el texto en un documento.
• Color de fuente: Los usuarios pueden seleccionar varios perfiles de contraste de color, como claro, oscuro, invertido y monocromático.
• Color de fondo: La propiedad CSS del color de fondo establece el color de fondo de un elemento.
• Ocultar campo al cargar la página: Por último, la página “Ocultar campo al cargar la página” que deshabilita el encabezado cuando carga la página.

Entrada de una línea

El texto de entrada es el texto que el usuario ha ingresado en un campo de texto. El texto de entrada es el texto ingresado por el usuario. El texto de entrada es el texto que el usuario ha introducido en un campo de texto. El usuario puede personalizar su apariencia: color de fuente, tamaño de fuente, ancho de columna, ícono que puede ser solo una persona o cosa considerada como un símbolo representativo, caracteres mínimos máximos, espacios permitidos que permiten a los usuarios agregar espacios en dígitos, campo obligatorio y, por último, solo lectura caja.

• Icono: Ícono que puede ser simplemente una persona o cosa considerada como un símbolo representativo.
• Campo de mapa: Para mapear campos de formulario con campos de contacto, asegúrese de que el mapeo de contacto esté dentro de la integración de contacto.
• Máscara de entrada: Una máscara de entrada se refiere a una expresión de cadena, definida por un desarrollador, que restringe la entrada del usuario. Algunos usos frecuentes de las máscaras de entrada incluyen la entrada de números de teléfono, códigos postales, horas y fechas.
• Marcador de posición de máscara: Permite que un usuario ingrese más fácilmente una entrada de ancho fijo donde le gustaría que ingresen los datos en un formato determinado (fechas, números de teléfono, etc.).
• Validación: Algo, como un certificado, que valida algo. El proceso mediante el cual otros confirman la validez de algo como números, alfabetos.
• Campo de solo lectura: Deshabilite la edición para los usuarios. Les permite leer el documento solamente.

Entrada de correo electrónico

Esta entrada solía permitir al usuario ingresar una dirección de correo electrónico.

• Subetiqueta: La subetiqueta está subordinada a la etiqueta principal de los documentos.
• Etiqueta alternativa: Que se utiliza cuando enviamos datos a través de un enlace web.
• Enviar respuestas automáticas: Enviar respuestas automáticas es un programa informático que responde automáticamente a los correos electrónicos que se le envían. Pueden ser muy simples o bastante complejos. Las primeras respuestas automáticas se crearon dentro de los agentes de transferencia de correo que descubrieron que no podían enviar un correo electrónico a una dirección determinada. si revisas
• Establecer como dirección de respuesta: Establecer como dirección de respuesta enviará automáticamente un correo electrónico de confirmación a esa dirección de correo electrónico.

Área de texto

El uso adecuado de los comentarios puede hacer que el mantenimiento del código sea mucho más fácil, además de ayudar a encontrar errores más rápido. Además, comentar es muy importante cuando se escriben funciones que otras personas usarán .

• Instrucciones: Las instrucciones son básicamente cómo desea que sean sus comentarios, ya sea en el cuadro de quejas u otros comentarios relacionados con el formulario.
• Recuento de caracteres: Herramienta de contador de recuento de caracteres que proporciona estadísticas instantáneas de recuento de caracteres y recuento de palabras para un texto determinado. La herramienta informa el número de caracteres con espacios y sin espacios, también el número de palabras y oraciones. Esta casilla de verificación activa el recuento de caracteres.

Casilla de verificación

Una casilla de verificación es un widget de GUI que permite al usuario realizar una elección binaria, es decir, una elección entre una de dos posibles opciones mutuamente excluyentes. Por ejemplo, el usuario puede tener que responder ‘sí’ (marcado) o ‘no’ (no marcado) en una simple pregunta de sí/no.

• Opciones: Opción de elección múltiple. El usuario puede seleccionar una opción o múltiples opciones de acuerdo con la pregunta que se puede configurar a través de Permitir selección múltiple.
• Ancho de opción: El ancho de opción identifica la opción de tamaño de cheque individual.
• Permitir selección múltiple: Permite al usuario seleccionar varias opciones a la vez.

Selector de fecha/selector de hora

Un selector de fecha, calendario emergente, selector de fecha y hora o selector de hora es un widget de interfaz gráfica de usuario que permite al usuario seleccionar una fecha de un calendario y/o una hora de un intervalo de tiempo. El selector de fechas ofrece varias ventajas, incluida la posibilidad de que el usuario ingrese una fecha simplemente haciendo clic en una fecha en el calendario emergente en lugar de tener que quitar la mano del mouse para escribir una fecha.

• Formato: Las expectativas legales y culturales para la representación de fechas varían según los países. Puedes elegir cualquier formato.
• Lang: Forma abreviada de lenguaje que puede diferir.
• Fecha mínima /Fecha máxima: El atributo mínimo junto con el atributo máximo para crear un rango de valores de fecha/hora legales.
• Rango de fechas: Este campo requiere un rango de período.

Texto personalizado

Texto personalizado le permite cambiar las etiquetas y los mensajes integrados de su formulario. Puede usar esto para traducir completamente su formulario a un idioma diferente o para ajustar etiquetas y mensajes para situaciones específicas.

• Posición: Un elemento con posición: fijo; se coloca en relación con el punto de vista, lo que significa que siempre permanece en el mismo lugar, incluso si se desplaza la página. Las propiedades superior, derecha, inferior e izquierda se utilizan para colocar el elemento.
• En línea/Superposición: El valor inicial de la propiedad de visualización en un enlace es visualización en línea. Esto significa que intentará encajar con el texto y aceptará márgenes horizontales y relleno en todos los lados, razón por la cual su enlace se superpone al texto.
• Contenido de texto: El contenido es lo que la gente ve en el navegador. Usamos HTML para organizar ese contenido en tipos de elementos familiares como encabezados, listas y párrafos. La siguiente imagen representa un documento. Las palabras y las imágenes son contenido. Las etiquetas rojas indican el tipo de elemento de cada bit de contenido.

Salto de página

Un salto de página es un marcador en un documento electrónico que le dice al intérprete del documento que el contenido que sigue es parte de una nueva página. Un salto de página hace que se envíe un avance de página a la impresora durante el envío del documento a la impresora. Por lo tanto, es uno de los elementos que contribuye a la paginación. Permite ir a la página siguiente o anterior.

Otros campos

Clave

Una contraseña, a veces denominada código de acceso, es un secreto memorizado, normalmente una cadena de caracteres, que se utiliza para confirmar la identidad de un usuario.

• Instrucciones: Cumpla con los requisitos de la contraseña Cree su contraseña usando 8 caracteres o más. Estos pueden ser entradas para instrucciones.
• Validación: Requiere diferentes campos, puede configurarlo solo números o solo letras o ambos. Puede ser cualquier combinación de letras, números y símbolos. No se admiten acentos ni caracteres acentuados. No puede usar una contraseña que: Sea particularmente débil.

Subir archivo

• Extensión permitida: Los usuarios a menudo preguntan qué tipos de archivos son compatibles en el campo Carga de archivos. Las extensiones de archivo predeterminadas son pdf, doc, docx, xls, xlsx, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif.
• Tamaño máximo: De forma predeterminada, el tamaño máximo de carga en WordPress oscila entre 2 MB y 150 MB. Puede cargar archivos en el medio.

Deslizador