Guía de Usuario JotForm / Card Forms /

Cards o Clásico: ¿Cuál usar?

Cards o Clásico: ¿Cuál usar?

Es momento de hacer una decisión - ¿Card Form o Formulario Clásico?

Sabemos que esto es basado únicamente en preferencias, pero pusimos una lista de diferencias entre los dos tipos de formularios. Es importante conocer las ventajas, junto con algunos casos de uso típicos para cada uno de ellos. Con suerte, los puntos clave enumerados en este artículo le ayudarán a comprender mejor cuándo es ideal usar un diseño en particular.

Hay unas cuantas funciones/opciones únicas de Card Forms.

A. CAMPOS DE FORMULARIO.

🔘 Elemento Sí/No - Un campo directo para responder sí o no, o cualquier cosa que indique una respuesta positiva / negativa.

🔘 Elección de imagen - Estas imágenes están configuradas para comportarse como botones de radio (donde solo se permite una selección) o casillas (donde se permiten selecciones múltiples).


🔘 Elemento Multi-Línea: - Un campo solicitado por muchos usuarios. Le permite agregar más de un campo en una sola tarjeta. Por ahora, admite cuatro campos básicos: cuadro de texto, email, número y desplegable.


🔘 Barra Emoji - Un control deslizante intuitivo con emojis que usa íconos para escala de calificación.

B. MICROANIMACIONES

Estas son animaciones sutiles añadidas al formulario para darle un poco de sabor a las cosas. Por supuesto, no son solo adiciones para endulzar los ojos, sino que también tienen un propósito.

🔘 Cuando hay un error, la tarjeta se sacude un poco para tener la atención del usuario.

🔘 Al pasar de una tarjeta a otra, se agregan efectos de transición.

C. VERIFICACIÓN DE CORREO INTEGRADO Y VERIFICACIÓN DE ERRORES

🔘 El CAMPO DE EMAIL ahora brinda verificación de inmediato sin usar widgets ni plataformas de terceros.

🔘 También el CAMPO DE EMAIL tiene verificación de errores incorporada y sugerencias para direcciones de correo mal escritas.

D. AUTO-LLENADO DE DIRECCIÓN Y GEOLOCALIZACIÓN INCORPORADO

🔘El CAMPO DE DIRECCIÓN también brinda funciones geniales para AUTOCOMPLETAR y de GEOLOCALIZACIÓN.

E. ÍCONOS INCORPORADOS, IMÁGENES Y FONDOS DE VIDEO

🔘 En varias secciones del creador de formularios, verá una variedad de ÍCONOS (miles de ellos) que puede usar.

🔘 Junto con IMÁGENES y VIDEOS para usar como fondo de formulario.

F. CONTINUAR FORMULARIO DESPUÉS

¿Recuerda los tiempos en que necesitaba configurar dos formularios solo para guardar los datos de usuario en nuestros servidores? Bueno, ahora esto se puede lograr en pocos clics con un solo formulario Card Form.

🔘 HABILITAR CUANDO EL FORMULARIO TENGA MÁS DE 10 PREGUNTAS - Es la opción predeterminada. Guarda el progreso del usuario una vez que el formulario tenga más de 10 campos.

🔘 ACTIVADO - Guarda el progreso del usuario. No funciona en formularios con menos de 4 campos.

🔘DESACTIVADO - Los datos no se guardarán en el formulario. Los usuarios deben comenzar todo de nuevo si no envían el formulario.

Guía Relacionada: Configurando la Función Continuar Formulario Después en Card Forms

G. IGUALAR, MODO PANTALLA COMPLETA, Y OTRAS OPCIONES DE INSERTAR

Para simplificar aún más las cosas, tenemos una forma inteligente de insertar Card Forms en su sitio web. En lugar de diseñarlo para coincidir con el diseño de su sitio web, el formulario automáticamente hará todo lo posible para adaptarse al aspecto de la página.

Adicional a esta función, JotForm Cards tiene un modo de pantalla completa para que los usuarios toquen en el ícono de pantalla completa y tengan una experiencia espectacular. Si desea que su formulario se abra automáticamente con pantalla completa, solo habilite esta función.

🔘 IGUALAR - Déjenos diseñar su formulario para que coincida con su sitio web.

🔘 PANTALLA COMPLETA - Cambie al modo pantalla completa automáticamente.

Guía Relacionada: Cómo Activar la Función Igualar en JotForm Cards

🔘 CONFIGURAR EN LÍNEA - Cuando visualiza un formulario en su sitio web, notará un ícono de LÁPIZ azul en la esquina superior izquierda. Este lápiz le permite (como propietario del formulario) cambiar en línea la configuración de inserción de su formulario.

Cuando pulse el ícono, verá una variedad de opciones de inserción:

🔘 BOTÓN DE OPINIÓN FLOTANTE - Este nuevo código de inserción se puede encontrar en la sección PUBLICAR en su CREADOR DE FORMULARIOS. Pondrá un botón en cualquier esquina de su página. Puede adaptar el botón de acuerdo a su preferencia. A continuación, un ejemplo de cómo se vería insertado.

Guía Relacionada: Cómo Insertar un Card Form Como Botón de Opinión Flotante

H. PÁGINA INICIO

Si bien esto es factible en los formularios clásicos con el uso de campos de texto, saltos de página, campos de imagen y encabezado, hemos incorporado esta función en Card Forms esta vez.

🔘EDITAR PÁGINA INICIO - En la parte superior del creador de formularios, verá un botón EDITAR PÁGINA INICIO. Esto le permitirá modificar los textos mostrados en la primera página, cambie el ícono usado, muestre/oculte el número de preguntas de su formulario entero, o elimine la página inicio por completo.

2. ¿Qué Funciones No Están Disponibles en Card Forms? 🔗

Hay algunas funciones que se eliminaron/movieron intencionalmente en Card Forms. Esto se hizo a propósito para que coincida con el aspecto general del nuevo diseño.

A. PÁGINA DE CONFIRMACIÓN

Bueno, en realidad no fue removida, sino solo movida a una sección que tiene más sentido cuando se crea una Card Form.

🔘 EDITAR PÁGINA CONFIRMACIÓN - Esto se movió de la pestaña AJUSTES a la parte inferior del Creador de Formularios para mantener el proceso de construcción optimizado. De esta forma, los usuarios comienzan con la PÁGINA INICIO (arriba) > agregan campos de formulario (centro) > luego terminan con la PÁGINA DE CONFIRMACIÓN (abajo).

B. CSS PERSONALIZADO

Sí, muchos usuarios nos han preguntado por qué eliminamos esta función, no solo en el Creador de formularios, sino también en todos los widgets. El objetivo de Card Form es hacer que la creación de formularios sea lo más fácil posible. Esto se justifica por la cantidad de paletas de colores, imágenes y funciones integradas disponibles. La personalización avanzada con códigos CSS está destinada a usuarios avanzados que quieran modificar aún más el aspecto de sus formularios.

Si cree que esta característica debería existir en ambos diseños, no dude en publicar sus comentarios/sugerencias más abajo o hacer una pregunta en el foro de soporte para que podamos compartir sus comentarios con el equipo.

C. WIDGETS

Algunos widgets fueron eliminados de Card Forms a propósito para mantener todo alineado con la funcionalidad general y el diseño de JotForm Cards. Si busca un widget y no lo encuentra, significa que no se puede usar en Card Forms (por ahora).

3. ¿Cuándo debo usar los Card Forms? 🔗

¿Quiere crear formularios rápidos y cortos? ¡Utilice Card Forms! Idealmente, los Card Forms son más adecuados, y no se limitan a formularios de inscripción, suscripción a boletines, formularios de registro y encuestas. El objetivo aquí es lograr mejores tasas de participación de usuarios y finalización de formularios.

4. ¿Cuándo debo usar los Formularios Clásicos? 🔗

¿Está creando un formulario de admisión de clientes o un formulario de solicitud de empleo? ¡Utilice formas clásicas! Este tipo de formularios están destinados a tener muchos campos para completar. Entonces, usar el diseño tradicional es el enfoque correcto. Además, si su formulario requiere un diseño perfecto de píxeles, entonces los formularios clásicos es su primera opción para las personalizaciones CSS.

¿Nuestra opinión? La decisión sobre cuándo usar un diseño en particular todavía se reduce a preferencias personales. Esto no debe evitar que utilice Card Forms en cualquier escenario. Las pautas y sugerencias enumeradas en los ítems # 3 y # 4 son los casos de uso ideales, pero todavía puede crear formularios largos y complejos utilizando el diseño de Card Forms.

Enviar Comentario