Avisos
Vaciar todo

menú despleglable dependiente de otro anterior en un formulario  

 
Germán
 Germán
Estimable Member

Buenas,

Uso Contact Form 7. Necesito hacer algo como esto (al final de la web, en el punto 5 "vista preliminar de tu formulario":
https://knowledge.hubspot.com/es/forms-user-guide-v2/how-to-use-dependent-form-fields

De forma que elijan "contienente" en función de la elección que hagan elijan "país" y en función de la elección "ciudad".

He buscado por youtube tutoriales y por google, pero no encuentro algo así para CF7.

Cómo puedo hacerlo?

Gracias!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 07/03/2017 1:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Revisa el siguiente artículo:
https://contactform7.com/listo/

Al parecer se ayudan de otro plugin
https://wordpress.org/plugins/listo/

Saludos.

ResponderCitar
Respondido : 07/03/2017 5:43 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Germán
 Germán
Estimable Member

Hola,

acabo de revisar ambos enlaces y no me sirve... "Listo" es sólo un plugin que tiene listas de países incorporados, muy pocas listas y sin segmentación...
Aun así yo quiero introducir los continentes, países dentro de esos continentes y ciudades dentro de esos países. Ya que no habrá en esta web viajes a tooodo el planeta, a tooodos los países y a tooodas las ciudades de esos países. Por lo que tener todas las opciones que no son válidas, ensucia, hace menos usable la web y molestaría.
Tampoco son combos enlazados, es decir que la elección del primer combo/despleglabe determine las opciones del siguiente combo. (que es lo que necesito).

Como comentaba en el primer post de esta consulta:
1.- necesito que exista un combo/depleglable para elegir un "contienente" (de una lista que le indique yo, no todos los contienentes);
2.- en función de la elección que hagan de "contienente", que el combo/depleglable siguiente tenga la lista de países del continente elegido que yo le indique (no todos los países de ese continente);
3.- y que en función de la elección de ese "país", el siguiente combo/depleglable tenga la lista de ciudades del país elegido que yo le indique (no todas las ciudades de ese país)

Y no tengo idea de cómo hacerlo... Podríais echarme una mano con ello por favor? Gracias!

ResponderCitar
Respondido : 08/03/2017 7:59 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola German

La opción más rápida es mediante un plugin -> Conditional Fields for Contact Form 7

Con esta extensión podrás crear condiciones para los campos que necesites y según su elección se despliegan las opciones que tienes para ese elemento.

Un saludo

ResponderCitar
Respondido : 08/03/2017 9:38 am

Germán
 Germán
Estimable Member

Buenas,

he estado intentando e intentando y no lo consigo implementar correctamente.
Sólo he encontrado un vídeo en Youtube que hable de este plugin y no es muy esclarecedor precisamente...
Este es el código que uso, y el resultado lo puedes ver en la página de "contacto". No funciona:

[text* text-colegio 90/90 watermark "Nombre del Centro"]
[text text-Localidad 22/90 watermark "Localidad"] [text text-Priovincia 22/90 watermark "Provincia"]
[text* your-name 22/60 watermark "Nombre responsable del viaje"] [text* text-apellido 22/60 watermark "1er apellido responsable"] [text text-apellido2 22/60 watermark "2º apellido responsable"]
[email* your-email 29/60 watermark "email"] [text text-telefono 9/9 watermark "Teléfono"] [text* text-curso 11/11 watermark "Nivel del curso"] [text text-estudiantes 13/3 watermark "Nº de estudiantes"]

[select menu-destinoContinente 15/15 watermark "Seleccione Destino" "Europa" "Grandes destinos"]
[/group]
[group destinoContinenteEuropa]
[select menu-paisEuropa "Alemania" "Andorra" "Austria" "Bélgica" "Croacia" "España" "Francia" "Grecia" "Holanda" "Hungría" "Irlanda" "Italia" "Malta" "Polonia" "Portugal" "Reino Unido" "República Checa"]
[/group]
[group destinoContinenteGrandesDestinos]
[select menu-paisGranDestino "Egipto" "Méjico" "Rep. Dominicana" "Túnez"]
[/group]
[/group]

[select* menu-Rgimen 22/22 watermark "Régimen alimenticio" "Alojamiento y desayuno" "Media pensión" "Pensión completa"]
[select* menu-cathotel 10/10 watermark "Hotel 1*" "Hotel 2*" "Hotel 3*" "Hotel 4*"]
Fecha salida [date date-salida 15/15] Fecha regreso [date date-regreso 15/15]

[acceptance terminos-condiciones] Acepto los términos y condiciones [submit "Enviar"]

Podéis echarme una mano para ver qué es lo que estoy metiendo mal o qué me falta o me sobra?

Gracias!

Germán

ResponderCitar
Respondido : 22/03/2017 10:05 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Teoricamente debería mantener oculto un grupo, envía una captura de pantalla de cómo lo tienes configurado.

Otra opción es que evalúes usar otro plugin de construcción de formularios como Breezing forms
https://es.wordpress.org/plugins/breezing-forms/

Veo que también a través de código puedes lograr la dependencia condicional
https://crosstec.org/en/support/online-documentation/breezingforms/12-examples-scripts/186-turn-fields-and-sections-on-or-off-conditionally.html

Saludos.

ResponderCitar
Respondido : 22/03/2017 5:47 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Germán
 Germán
Estimable Member

Hola!

aquí va el pantallazo de cómo está condicionado.

Gracias,

Germán

ResponderCitar
Respondido : 22/03/2017 9:08 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Verifica el siguiente enlace: http://bdwm.be/wpcf7cf/how-to-set-up-conditional-fields-for-contact-form-7/ ,prueba a tomar un ejemplo y editalo según tus condiciones y verifica si te funciona.

ResponderCitar
Respondido : 23/03/2017 5:48 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Germán
 Germán
Estimable Member

Hola Johnny,

gracias por ese enlace! mucho más fácil seguir algo ya hecho.

Creo que lo he seguido paso a paso y es correcto, pero a mi no me funciona.
Se ocultan los dos menús que están condicionados a la primera elección, pero no aparece ninguno de ellos al hacer la elección inicial:

Datos del Centro y del responsable del viaje

[text* text-colegio 90/90 watermark "Nombre del Centro"]
[text text-Localidad 22/90 watermark "Localidad"] [text text-Priovincia 22/90 watermark "Provincia"]
[text* your-name 22/60 watermark "Nombre responsable del viaje"] [text* text-apellido 22/60 watermark "1er apellido responsable"] [text text-apellido2 22/60 watermark "2º apellido responsable"]
[email* your-email 29/60 watermark "email"] [text text-telefono 9/9 watermark "Teléfono"] [text* text-curso 11/11 watermark "Nivel del curso"] [text text-estudiantes 13/3 watermark "Nº de estudiantes"]

Datos del destino elegido

[select menu-destinoContinente 15/15 watermark "Seleccione Destino" "Europa" "Grandes destinos"]

[group destinoContinenteEuropa]

[select menu-paisEuropa "Alemania" "Andorra" "Austria" "Bélgica" "Croacia" "España" "Francia" "Grecia" "Holanda" "Hungría" "Irlanda" "Italia" "Malta" "Polonia" "Portugal" "Reino Unido" "República Checa"]

[/group]
[group destinoContinenteGrandesDestinos]

[select menu-paisGranDestino "Egipto" "Méjico" "Rep. Dominicana" "Túnez"]

[/group]

[select* menu-Rgimen 22/22 watermark "Régimen alimenticio" "Alojamiento y desayuno" "Media pensión" "Pensión completa"]
[select* menu-cathotel 10/10 watermark "Hotel 1*" "Hotel 2*" "Hotel 3*" "Hotel 4*"]
Fecha salida [date date-salida 15/15] Fecha regreso [date date-regreso 15/15]

[acceptance terminos-condiciones] Acepto los términos y condiciones [submit "Enviar"]

Te envío imagen de cómo está la condicionalidad también.

Lo he repasado y probado de varias maneras y no lo consigo... A ver si tu ves dónde está el error...

Gracias!

ResponderCitar
Respondido : 23/03/2017 8:17 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Germán, Buenos Días.

Estoy revisando el formulario de contacto y solo veo tres desplegables sin ninguna condición.
Pon unas celdas con alguna condiciones para que lo comprobemos.

Un saludo

ResponderCitar
Respondido : 23/03/2017 9:04 am

Cursos Gratuitos WordPress

Germán
 Germán
Estimable Member

Hola, buenos días Pepe:

la condición está en que si eligen EUROPA debería aparecer un menú despleglable con países de Europa, y si eligen GRANDES DESTINOS debería aparecer un menú despleglable con países de otros continentes.

Estos dos:
--> [select menu-paisEuropa "Alemania" "Andorra" "Austria" "Bélgica" "Croacia" "España" "Francia" "Grecia" "Holanda" "Hungría" "Irlanda" "Italia" "Malta" "Polonia" "Portugal" "Reino Unido" "República Checa"]
--> [select menu-paisGranDestino "Egipto" "Méjico" "Rep. Dominicana" "Túnez"]

En la imagen que adjunté en el mensaje anterior puedes ver el condicionamiento que te digo aquí.

El problema es que, como puedes comprobar, cuando eliges EUROPA o GRANDES DESTINOS no aparece ninguno de los menús condicionados.

Gracias,

ResponderCitar
Respondido : 23/03/2017 9:10 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba quitando las dimensiones de cada control y watermart por ejemplo (15/15 watermark) , sólo deja el nombre y los valores, y verifica

Si sigues con problemas prueba lo mismo que hay en el ejemplo:
http://bdwm.be/wpcf7cf/how-to-set-up-conditional-fields-for-contact-form-7/

Saludos.

ResponderCitar
Respondido : 23/03/2017 6:03 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress