Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Formulario Contact Form 7 en Divi  

 
Morales
 Morales
Estimable Member

Muy buena he creado un formulario con Contact Form 7 en mi web desarrollada con Divi ya que necesito un campo de subida de archivos.

Hasta ahi todo bien, les he dado las clases del fomulario de Divi ya que me gusta su estética, pues me coje los estilos en el Visual Buider pero cuando salgo me aparece sin estilos.

Os paso la web

Contenido solo visible a usuarios registrados

Respondido : 07/03/2023 6:48 pm
Morales
 Morales
Estimable Member

Os paso el código que he usado:

<div class="et_pb_contact">
<div class="et_pb_contact_form">
<p class="et_pb_contact_field et_pb_contact_field_half">[text* Nombre placeholder "NOMBRE Y APELLIDOS*"]</p>
<p class="et_pb_contact_field et_pb_contact_field_half et_pb_contact_field_last">[text Empresa placeholder "EMPRESA (Opcional)"]</p>
<p class="et_pb_contact_field et_pb_contact_field_half">[email* email placeholder "CORREO ELECTRÓNICO*"]</p>
<p class="et_pb_contact_field et_pb_contact_field_half et_pb_contact_field_last">[tel* tel placeholder "TELÉFONO"]</p>
<p class="et_pb_contact_field et_pb_contact_field_last">[text* mensaje placeholder "PAÍS*"]</p>
<p class="et_pb_contact_field et_pb_contact_field_last">[textarea* mensaje placeholder "MENSAJE*"]</p>
<p class="et_pb_contact_field et_pb_contact_field_last">¿Desea adjuntar algún archivo? (Formatos doc, jpg o PDF) <!-- br--> [file adjunto limit:2100000 filetypes:doc|jpg|pdf]</p>
<p> </p>
</div>
</div>

[acceptance protecciondatos class:protect] He leído y acepto la política de privacidad de este sitio [/acceptance]
<div class="et_contact_bottom_container">
[submit class:et_pb_contact_submit class:et_pb_button "ENVIAR"]</div>

<div class="et_contact_bottom_container">

</div>

Respondido : 07/03/2023 6:58 pm

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Morales,

Puedes compartirnos una captura de como se ve tu formulario y la URL para consultarlo?

Si hay una discrepancia en el diseño se la podríamos atribuir de que estas utilizando clases designadas para estilos en Divi, dichas clases puede que afecten la visualización de estos campos

Quedamos atentos

Saludos!

Respondido : 07/03/2023 7:07 pm
Morales
 Morales
Estimable Member

Os lo adjunto.

Captura de pantalla 2023 03 07 201057

 

Respondido : 07/03/2023 7:11 pm

Morales
 Morales
Estimable Member

La url la teneis en el primer mensaje

ngroup.ctrlaltsupr.es/contacto/

Respondido : 07/03/2023 7:13 pm
Morales
 Morales
Estimable Member

He sacado el tutorial de esta web https://www.ingresosviaweb.com/adjuntar-archivos-a-formulario/

Respondido : 07/03/2023 7:23 pm

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Morales,

Gracias por las capturas, el problema es que no te cargan los estilos en la vista final de la pagina del formulario correcto?

Vamos a hacer lo siguiente

Primero vamos a desactivar el CSS Dinamico desde las opciones del tema

image

Luego desde las opciones avanzadas del constructor vamos a vaciar la cache de Divi

image

Con ello deberia de bastar, prueba y nos comentas

Saludos!

Respondido : 07/03/2023 9:02 pm
Morales
 Morales
Estimable Member

Perfecto solucionado.

Esta publicación ha sido modificada el hace 1 año por Morales
Respondido : 08/03/2023 6:20 pm

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Morales, 

Enhorabuena lograste solucionado, es un placer siempre poder ayudarte 

No dudes en escribirnos si tienes cualquier otra consulta

Un saludo 😊 

Respondido : 08/03/2023 6:28 pm