Avisos
Vaciar todo

Modificar las respuestas de éxito o error del formulario de contacto de divi  

 
Anna
 Anna
Usuario activo

He creado un formulario de contacto con divi que funciona perfectamente, pero no quiero que si hay un error en el formulario me salga en él la lista de los campos equivocados ya que me desmonta el diseño de la sección. Para el mensaje de éxito ya sé que puedo crear una web y redirigir a las personas hacia ella. ¿Puedo hacer algo similar con la respuesta de los errores? O simplemente que la persona no pueda enviar el mensaje hasta que los campos no estén bien rellenados...eso casi sería mejor.

Contenido solo visible a usuarios registrados

Citar
Respondido : 13/10/2021 7:24 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Anna, 

El formulario de Divi añade por defecto este mensaje al no añadir ningún campo dentro del código, sin embargo lo que puedes hacer es ocultar la lista de campos y solo dejar visible la opción que indica "Por favor, rellene los siguientes campos"

Para probar esto puedes añadir el siguiente código en el apartado de Divi -> Opciones del tema -> Pestaña General ir a abajo del todo a la sección que indica CSS Personalizar y pegar el codigo

.et-pb-contact-message ul {
display: none !important;
}
.et-pb-contact-message {
color: #ffffff !important;
}

Guarda los cambios y verifica si con ello logras configurar lo que deseas, el resultado de ser por ejemplo

Screenshot   2021 10 13T144704.702

Verifica esto y nos comentas como ha ido todo 

Un Saludo 

ResponderCitar
Respondido : 13/10/2021 7:47 pm
Anna
 Anna
Usuario activo

@karen Ha ido todo perfecto. Muchísimas gracias. Ahora la siguiente pregunta: ¿Habría alguna forma de traducir el mensaje? Es para darle más congruencia a la página, ya que está toda en catalán.

ResponderCitar
Respondido : 14/10/2021 9:32 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Anna.

Para modificar las cadenas de texto puedes utilizar el plugin " Loco Translate "

-> https://es.wordpress.org/plugins/loco-translate/

Una vez instalado:

.- Accede a Loco translate -> Temas

.- Selecciona Divi

.- Selecciona el Idioma Español.

screenshot mary52.webempresa.eu 2021.10.14 11 02 25

 .- En el buscador añade la cadena de texto a modificar y en el bloque " Traducción de Español: " añade el texto que quieres mostrar

screenshot mary52.webempresa.eu 2021.10.14 11 03 48

 

Guarda los cambios y revisa si se modifico el texto.

 

Un saludo

 

ResponderCitar
Respondido : 14/10/2021 10:10 am