Recientemente empecé a gestionar la website de un cliente que usa Elementor como constructor de páginas. Hasta aquí nada raro.
De momento sólo tengo acceso a la website (WordPress). Es decir, aún no me dieron acceso al servidor y, por tanto, a los archivos .htaccess, php.ini, wp-config, etc. Ya se, ya se, hay formas de acceder a esos archivos desde el propio WordPress, pero eso es tema para otro artículo.
El caso es que, trabajando en la website, me encontré con que, aleatoriamente, recibo un "Server Error (500 error)" cuando trato de guardar cambios.
Cuando digo "aleatoriamente" es porque no siempre ocurre, no siempre ocurre en la misma página o plantilla, no siempre ocurre cuando hago muchos cambios complejos (o pocos). Es decir, que a priori no se aprecia causa evidente.
Al cabo de un buen rato estrujándome el coco, di con una solución temporal que nos permite sortear el problema. Se parece más a un parche que a otra cosa pero al menos funciona y nos puede ahorrar tiempo.
Primero, voy a tratar de documentar lo mejor posible el error por si alguno de los que estáis leyendo este artículo si sabéis depurar errores de verdad (no como yo) y, si os apetece, podáis comentar e iluminarnos con algún consejo útil.
Server Error (500 error)
Como dije antes, después de realizar algunos cambios en el diseño, trato de guardar cambios y recibo este error:
Como veis, el botón de "Update" sigue en color rosado, lo cual significa que efectivamente no se guardaron los cambios.
Si echamos un vistazo a la consola (Chrome) esto es lo que veo:
En fin, un error interno de servidor que no puedo depurar porque no tengo acceso al servidor y no puedo activar el modo "debug" o modo de depuración de WordPress para obtener más información al respecto.
Como solucionar temporalmente el Server Error (500 error) en Elementor
La forma de solucionar el error "Server Error (500 error)" en Elementor de manera temporal es bien sencilla. De echo no es una solución al error en si, sino una forma de no perder nuestro trabajo. Procede de la siguiente manera:
- Paso 1: Guardar cambios. Guarda cambios de nuevo pulsando el botón de "Update"
- Paso 2: Después de guardar cambios, vamos a guardar como borrador la página en la que hemos estado trabajando, pulsando CTRL+S o Command+S. Verás que l barrita rosada de progreso de guardado aparecerá en la parte superior de la pantalla como si estuvieras guardando cambios de manera normal.
- Paso 3: Salir a la página de edición de WordPress. Te aparecerá el mensaje de tu navegador diciéndote que perderás cambios al salir, acepta.
- Paso 4: En la ventana de edición de página de WordPress, verás un mensaje en la parte superior diciéndote que hay una versión de "autoguardado" más reciente que la página que se muestra en la ventana de edición. Como mis instalaciones están en su mayoría en inglés, yo la veo como en la imagen siguiente. Haz click en "View the autosave" (o como sea que aparezca en Español):
- Paso 5: En la ventana de revisión del auto-guardado, revisa los cambios en la mitad derecha de la pantalla. Si los cambios son correctos, pulsa en el botón de "Restore This Autosave":
- Paso 6: Revisa los cambios en el frontend.
Con estos pasos, aún teniendo el error de servidor, los cambios que hayamos hecho se deberían haber guardado y ser visibles en el frontend, salvándonos en muchos casos de tener que rehacer los mismos con el tiempo que eso conlleva.
Conclusión
Aunque esta solución no solucione el Server Error (500 error) de Elementor ("pues vaya solución!" , dirás), al menos no perderás el trabajo realizado y, además, tendrás un método mediante el cual poder seguir trabajando en tu proyecto hasta que puedas depurar el error y solucionarlo de verdad.
Como dije antes, si alguien que de verdad sepa depurar estos errores quiere aportar una mejor solución, por favor!!! La comunidad te lo agradecerá con velitas a San Judas, que no es poco.
