Jose Ramón Bernabeu

Hola.

Una buena opción es Joinchat.

Lo uso en varias webs y va muy bien.

Saludos.

Hola Cinthya.

Es muy probable que los problemas que experimentáis estén relacionados con las modificaciones en los registros DNS de Cloudflare que realizó automáticamente el plugin de MailerLite.

El error «504 Gateway Timeout» indica que el servidor (en este caso, Siteground) no recibió una respuesta a tiempo de otro servidor (posiblemente Cloudflare o algún proceso interno del servidor) al intentar acceder a wp-admin.

Aquí te dejo algunas formas en las que podríais intentar solucionar este problema:

Contacta con el soporte de Siteground. Informa sobre el error «Timeout waiting for output from CGI script» y explícales que los problemas comenzaron después de realizar cambios en los registros DNS de Cloudflare para la integración con MailerLite. Ellos podrán revisar los logs del servidor y la configuración para identificar posibles cuellos de botella o problemas de configuración.
Verifica los recursos del servidor. Es posible que el servidor esté experimentando una carga alta, lo que podría provocar timeouts. Siteground podrá verificar el uso de CPU, memoria y otros recursos.

Revisar la configuración DNS en Cloudflare:

Accede a tu cuenta de Cloudflare.
Selecciona el dominio de vuestra página web (www.duermevelaediciones.es).
Ve a la sección de DNS.
Comprueba los registros DNS que MailerLite añadió o modificó. Asegúrate de que la configuración parece correcta según la documentación de MailerLite. Aunque el proceso fue automático, podría haber alguna configuración inesperada.
Compara los registros actuales con la configuración DNS recomendada por MailerLite. Si tenéis acceso a la documentación de integración o al soporte de MailerLite, revisad si los registros coinciden.
Considera revertir los cambios de DNS (si es posible). Si Cloudflare guarda un historial de cambios en la configuración DNS, podríais intentar volver a la configuración anterior a la integración con MailerLite para ver si se soluciona el problema.

Verificar la conexión entre Cloudflare y Siteground:

Asegúrate de que las direcciones IP de vuestro servidor de Siteground estén correctamente configuradas como registros A en Cloudflare. Si estas direcciones cambiaron recientemente o no se configuraron bien, podría haber problemas de comunicación.
Revisa la sección de Firewall en Cloudflare. Aunque es menos probable, alguna regla de firewall podría estar bloqueando las peticiones a wp-admin.

Investigar posibles conflictos con el plugin de MailerLite:

Considera desactivar temporalmente el plugin de MailerLite (si es posible). Si lográis acceder al panel de administración de WordPress de alguna manera (por ejemplo, a través del panel de administración de SiteGround renombrando la carpeta del plugin), desactivar el plugin podría ayudar a determinar si es la causa directa del problema.

Limpiar la caché:

Limpia la caché de Cloudflare. Ve a la sección de «Caching» y luego a «Purge Cache». Purga «Everything».
Limpia la caché de tu navegador. A veces, errores antiguos pueden quedar almacenados en la caché del navegador.

Dado que no podéis acceder a wp-admin, la primera acción sería intentar acceder a vuestra cuenta de Cloudflare y revisar la configuración DNS. Comparad los registros con la documentación de MailerLite y aseguraos de que las direcciones IP de Siteground estén correctas.

Si no encontráis nada sospechoso en la configuración DNS, contactar con el soporte de Siteground con la información del error en los logs es el siguiente paso crucial. Ellos tienen acceso a la configuración del servidor y podrán investigar el error «Timeout waiting for output from CGI script».

Espero que esta información os sea de utilidad para resolver el problema.

Saludos.

• Esta respuesta fue modificada hace 2 meses por Jose Ramón Bernabeu.

Hola.

Veo que el sitio usa el tema Astra.

Astra ofrece una funcionalidad integrada para lograr este efecto sin necesidad de tocar código. Aquí te explico cómo hacerlo:

Ve al Personalizador de WordPress: En el panel de administración de tu WordPress, navega a Apariencia > Personalizar.

Accede a las Opciones del Header: Dentro del personalizador, busca y haz clic en la sección Cabecera o Header. Dependiendo de la versión de Astra que tengas, podría estar dentro de una subsección como «Constructor de cabecera» o «Diseño de cabecera».

Busca la Opción de «Cabecera fija» o similar: Dentro de las opciones del header, deberías encontrar una sección relacionada con la «Cabecera fija» (Sticky Header). Haz clic en ella.

Configura el «Diseño de la cabecera fija»: Dentro de las opciones de la cabecera, busca una opción que te permita reducir el relleno (padding) o la altura al hacer scroll. Podría llamarse algo como «Reducir relleno al desplazarse», «Altura de la cabecera fija», o similar.

Ajusta los Valores: Introduce los valores deseados para el relleno superior e inferior o la altura de la cabecera cuando se active el scroll. Experimenta con diferentes valores hasta que encuentres el aspecto que te guste.

Publica los Cambios: Una vez que estés satisfecho con los ajustes, haz clic en el botón Publicar en la parte superior del personalizador para guardar los cambios en tu sitio web.

Saludos.

Hola.

A mí me ha funcionado bien el enlace ¿Lo solucionaste?

Si no es así y a y a ti no teva, limpia la caché.

Saludos.

Hola.

Parece que el sitio usa un tema a medida.

Si el texto que deseas traducir está codificado directamente en los archivos de la plantilla y no se puede modificar a través del personalizador, es posible que necesites recurrir a la edición de archivos o al uso de plugins.

Si tienes acceso a los archivos de tu plantilla a través de un cliente FTP o del administrador de archivos de tu proveedor de hosting, puedes editar directamente los archivos HTML y PHP para modificar el texto de la plantilla de blog. Para esto, te recomiendo crear un «child theme» o tema hijo, para que, cuando se actualice el ema principal, no se pierdan los cambios realizados.

También podrías usar el plugin Loco Translate, con el que puedes traducir o cambiar cualquier texto del sitio.

Saludos.

Hola @otmanabdellouli

He entrado en tu sitio y no aparece que esté en creación. Los enlaces llevan a sus correspondiente páginas pero está todo en blanco.

¿Lo solucionaste?

Saludos.

Hola Rafael.

He visitado la web y, aunque, no cabo de entender del todo el formulario, te propongo esto:

1. Atributos de datos personalizados (Data Attributes):

• ¿Qué son?
  • Los atributos de datos personalizados son atributos HTML que te permiten adjuntar datos personalizados a cualquier elemento HTML. En tu caso, los usaremos para almacenar el nombre del cuadro directamente en el elemento de la imagen.
• Implementación:
  1. Edita las imágenes:
     • En Elementor, edita cada imagen de los cuadros.
     • En la pestaña «Avanzado» de la configuración de la imagen, busca la sección «Atributos».
     • Añade un atributo personalizado:
       • Clave: data-nombre-cuadro
       • Valor: El nombre exacto del cuadro (ej. «Noche estrellada», «Guernica», etc.).
  2. Ajusta el formulario emergente:
     • Edita el formulario emergente que se abre al hacer clic en un cuadro.
     • Añade un campo oculto al formulario. Este campo almacenará el nombre del cuadro.
       • Tipo de campo: Oculto.
       • ID: (ej. «nombre-cuadro-seleccionado»)
  3. Añade JavaScript:
     • Necesitarás añadir código JavaScript a tu página para capturar el nombre del cuadro del atributo de datos y colocarlo en el campo oculto del formulario.
     • Dentro de Elementor busca la sección HTML, o un plugin del tipo «Header Footer Code Manager».
     • Añade el siguiente código Javascript:

<script>
    document.addEventListener('DOMContentLoaded', function() {
    var imagenesCuadros = document.querySelectorAll('.elementor-image'); // Ajusta el selector si es necesario

    imagenesCuadros.forEach(function(imagen) {
    imagen.addEventListener('click', function() {
    var nombreCuadro = this.dataset.nombreCuadro;
    document.getElementById('nombre-cuadro-seleccionado').value = nombreCuadro; // Asegúrate de que el ID coincide
    });
    });
    });
    </script>

Explicación del código:

• El código espera a que la página se cargue completamente (DOMContentLoaded).
• Selecciona todas las imágenes de los cuadros (asegúrate de que el selector .elementor-image coincida con la clase de tus imágenes).
• Añade un evento de «clic» a cada imagen.
• Cuando se hace clic en una imagen, recupera el valor del atributo data-nombre-cuadro.
• Coloca ese valor en el campo oculto del formulario.

NO he podido probar el código así que, antes de implementar esta solución en el sitio en producción, hazlo en una copia de pruebas. Y recuerda hacer siempre una copia de seguridad del sitio antes de hacer cualquier cambio importante.

Prueba y nos cuentas.

Saludos.