Avisos
Vaciar todo

menú despleglable dependiente de otro anterior en un formulario

12 Respuestas
4 Usuarios
0 Reactions
2,633 Visitas
Respuestas: 155
Estimable Member
Topic starter
 

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


 
Respondido : 07/03/2017 1:44 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

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

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

Saludos.


 
Respondido : 07/03/2017 5:43 pm
Respuestas: 155
Estimable Member
Topic starter
 

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!


 
Respondido : 08/03/2017 7:59 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 08/03/2017 9:38 am
Respuestas: 155
Estimable Member
Topic starter
 

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


 
Respondido : 22/03/2017 10:05 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 22/03/2017 5:47 pm
Respuestas: 155
Estimable Member
Topic starter
 

Hola!

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

Gracias,

Germán


 
Respondido : 22/03/2017 9:08 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 23/03/2017 5:48 am
Respuestas: 155
Estimable Member
Topic starter
 

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!


 
Respondido : 23/03/2017 8:17 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 23/03/2017 9:04 am
Respuestas: 155
Estimable Member
Topic starter
 

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,


 
Respondido : 23/03/2017 9:10 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 23/03/2017 6:03 pm