Buenos días,
Cómo puedo poner un marco a un formulario de Contact form 7?
gracias!!
Germán
URL del sitio: Contenido solo visible a usuarios registrados
Hola Germán
Una de las opciones es mediante un plugin -> CF7 Customizer
Una vez editado desde el Live de tu plantilla de wordpress podrás modificar las opciones para que se muestre como desees....
Espero que esto te sirva para lo que buscas 😉
Un saludo
Hola Pepe,
lo he instalado y antes de empezar a usarlo me pide que lo conecte a él y a la web a freemius.com. Lo conoces? Seguro? Útil?
Gracias!
Hola German.
Que yo sepa no pide nada cuando lo instalas y si no es que haya utilizado mucho pero si que lo conozco y alga vez lo utilice.
Si puedes, adjúntanos una captura con lo que indicas.
Te paso un enlace al blog donde se explica como trabajar con el plugin que te comento:
Personaliza formularios en WordPress - Contact Form 7
Un saludo
Hola German.
No te entiendo con la captura que mandas, me pierdo, discúlpame 😉
El plugin es útil si quieres modificar el aspecto de del formulario de contacto, sirve para eso.
Lo que preguntabas es como añadir un marco en el formulario de contacto, pues con este plugin puedes hacer más que eso 😉
Un saludo
Perdón! he adjuntado una imagen errónea. Sorry. He saltado el paso... no tiene mayor importancia.
He usado el plugin qu eme has dado. Y marco conseguido! y bordes redondeados! Genial!
Ahora, se me desordenan los campos. Los tenía puestos todos en una sola línea horizontal y ahora está como ves en el adjunto (esta vez bien adjuntado! 😉 )
Cómo puedo ajustar el tamaño de los campos? El de nombre e email los ha respetado pero el de teléfono, no.
gracias!
Este de la página de "contacto" es uno nuevo con el que estoy ahora mismo. Aún está a medias.
Sobre el que te pregunto es el que está en la home. Lo publico (que no lo había hecho) para que lo veas online. Sólo podías verlo en el archivo que te adjunté en el mensaje anterior. Ahora lo tienes en la home ya publicado.
En el de la página de contacto ocurre lo mismo, por lo que sea el campo "teléfono" no responde a la medida que le digo que tiene que tener...
Con los menús desplegables ocurre lo mismo, no consigo acotarlos a una anchura concreta. ¿?
Hola German,
Ok, vamos por partes una cosa detrás de la otra.
Por favor necesito que me adjuntes el código que estas utilizando para añadir el formulario y lo podamos revisar:
Copias y lo pegas en un archivo de texto TXT, por ejemplo con el block de notas de win y lo adjuntas para que lo revisemos.
Un saludo
Aquí va.
Como está antes aparecía en una sola línea desde "Te llamamos" hasta el botón de enviar.
Ahora está como veis. el formato de negrita se ha ido y el campo de teléfono no admite la acotación que tiene puesta en el código.
Si en vez de campo "teléfono" uso campo "texto" sí que hace caso a la acotación de tamaño.
Esto podría servir para el teléfono, pero en el caso de los menús desplegables no serviría.
Gracias!
Hola Germán
Modifícalo por lo siguiente:
Te llamamos: [text* your-name 27/60 watermark "Nombre"] [email* your-email 27/60 watermark "email"] [tel* tel-441 10/9 watermark "Teléfono"]
[acceptance terminos-condiciones] Acepto los términos y condiciones [submit "Enviar"]
Lo hice fue añadirle un salto de linea en las condiciones con la etiqueta
.- Después de eso edita el archivo style.css que encontraras en wp-content/plugins/contact-form7/incluides/css y añade lo siguiente:
#cfc form input[type="number"], #cfc form input[type="tel"], #cfc form input[type="date"] {
width: 36%;
}
Espero que esto te sirva 😉
un saludo
Muchas gracias Pepe!
Hecho y hemos conseguido subir el campo "teléfono" a la línea de arriba!!
Pero sigue sin hacer caso a la acotación de tamaño que le tengo puesta. Necesito que me haga caso a las acotaciones que le indique; en este caso para poder ponerlo en una sola línea.
Cómo podría indicarlo en el código para conseguirlo? (o de otra forma, el caso es conseguirlo, para este formulario y otros de la misma web.
Gracias!