Acceder al editor de variantes de SeaText con temas personalizados de Weebly

Comprender la compatibilidad de los temas

Muchos usuarios se preocupan de que modificar el HTML o CSS de su tema de Weebly interfiera con herramientas de terceros. Sin embargo, el editor de variantes de SeaText está diseñado para funcionar independientemente de la capa visual de tu tema. Funciona inyectando un widget directamente en tu interfaz de gestión de productos mediante el fragmento de JavaScript que instalaste en el pie de página de tu sitio.

Como este proceso ocurre a nivel de la aplicación y no del tema, tu código personalizado no puede "ocultar" el editor. Si has integrado SeaText correctamente, el editor seguirá disponible en tu panel.

Arquitectura técnica de la inyección de JavaScript de SeaText

El editor de variantes de SeaText no se renderiza mediante tu tema de Weebly, sino que se inyecta como un widget independiente a través de un fragmento de JavaScript ubicado en el pie de página de tu sitio. Este script se ejecuta después de que se carga el DOM y añade la interfaz del editor directamente al contenedor del editor de productos de Weebly, omitiendo cualquier anulación de CSS o HTML a nivel del tema. Como la inyección apunta a la estructura DOM interna de la aplicación de Weebly, no a los archivos de plantilla de tu tema, el código personalizado de tu tema no puede eliminarlo ni ocultarlo. Los estilos del editor están aislados mediante Shadow DOM o estilos en línea con alta especificidad, lo que garantiza que se renderice correctamente incluso si tu tema define reglas CSS globales en conflicto. Esta separación arquitectónica significa que las actualizaciones del tema, los rediseños o las modificaciones del código personalizado no afectan la disponibilidad ni la funcionalidad del editor.

Lista de comprobación para acceder al editor

Si tienes problemas para localizar el editor, verifica estos requisitos para asegurarte de que el sistema está activo:

• Ubicación del fragmento: Confirma que el fragmento de JavaScript de SeaText siga presente en la sección Settings > SEO > Footer Code de Weebly. Si falta, vuelve a pegarlo desde el panel de tu cuenta de SeaText.
• Sincronización de la cuenta: Asegúrate de que tu sitio web esté vinculado a tu cuenta de SeaText. Deberías ver el nombre de tu sitio web junto al logotipo de SeaText en el panel de tu cuenta, dentro de Websites.
• Sincronización de productos: El editor de variantes solo aparece para los productos que se han sincronizado con el sistema de SeaText. Comprueba en tu panel de SeaText que el producto aparezca en la pestaña Products con un estado de sincronización "Active".
• Permisos: Verifica que tu cuenta de usuario tenga los permisos administrativos necesarios para gestionar productos en el panel de Weebly. Solo los propietarios y administradores pueden ver el editor; es posible que los editores o usuarios con permisos limitados no puedan verlo.
• Ejemplos de conflictos con temas: Entre los problemas habituales de los temas de Weebly se incluyen scripts personalizados del pie de página que eliminan o modifican elementos inyectados (por ejemplo, temas que utilizan código de "clean footer" que elimina JavaScript no esencial), anulaciones de CSS que establecen display: none en iframes o divs con identificadores específicos (como #seatext-editor), o cargadores de temas basados en AJAX que retrasan el renderizado del DOM más allá del intervalo de inyección de SeaText. Para depurar el problema, utiliza las herramientas de desarrollo del navegador para comprobar si hay errores de consola como "Failed to load resource" o inspecciona el pie de página en busca del fragmento.

Solución avanzada de problemas para temas personalizados complejos

Los usuarios con temas de Weebly muy personalizados pueden encontrarse con conflictos de scripts o cargas retrasadas que impidan que aparezca el editor. Sigue estos pasos para diagnosticar el problema:

1. Comprueba la consola del navegador: Abre el editor de productos de Weebly, pulsa F12 y ve a la pestaña Console. Busca errores relacionados con SeaText, como "Uncaught ReferenceError: SeaText is not defined" o "Failed to execute 'write' on 'Document'". Estos errores indican que el fragmento no se está ejecutando correctamente.
2. Verifica la ejecución del fragmento: En la pestaña Elements, busca seatext en el HTML. Si el fragmento aparece en el pie de página, pero no hay elementos de SeaText en el editor de productos, es posible que el script esté fallando silenciosamente debido a un error de JavaScript.
3. Aísla los conflictos del tema: Cambia temporalmente a un tema predeterminado de Weebly, como "Simple" o "Clean", en la pestaña Theme. Si aparece el editor, el problema lo está causando tu tema personalizado. Vuelve a activar tu tema y desactiva las secciones de JS/CSS personalizado una por una para identificar la causa.
4. Comprueba la carga mediante AJAX: Algunos temas personalizados cargan el contenido dinámicamente después de la carga inicial de la página. Si el fragmento de SeaText se ejecuta antes de que el DOM del editor de productos esté listo, no encontrará su contenedor de destino. En ese caso, puede que debas incluir la función de inicialización de SeaText en un detector de eventos DOMContentLoaded o utilizar un MutationObserver. Ponte en contacto con el soporte de SeaText para solicitar un fragmento modificado si es necesario.
5. Prueba en modo incógnito: Las extensiones del navegador o los datos almacenados en caché pueden interferir. Haz la prueba en una ventana de incógnito con las extensiones desactivadas para descartar factores externos.

Prácticas recomendadas para mantener la integración durante los rediseños del sitio

Cuando realices rediseños importantes o actualizaciones del tema en tu sitio de Weebly, sigue estas prácticas para conservar la funcionalidad de SeaText:

• Conserva el código del pie de página: Antes de cambiar de tema, copia el fragmento de JavaScript de SeaText desde Settings > SEO > Footer Code y guárdalo de forma segura. Después de aplicar el nuevo tema, vuelve a pegarlo en la misma ubicación.
• Prueba primero en un entorno de prueba: Utiliza un sitio de pruebas de Weebly o duplica tu sitio para probar el rediseño. Instala SeaText en el duplicado y verifica que el editor funcione antes de aplicar los cambios a tu sitio activo.
• Evita editar las plantillas principales de Weebly: No modifiques los archivos de plantilla product.html o store.html en el editor de código de Weebly, salvo que sea absolutamente necesario. SeaText depende de selectores DOM específicos en estos archivos para inyectar el editor. Modificarlos puede romper el punto de inyección.
• Supervisa después de las actualizaciones: Después de publicar un cambio de tema, espera 40 segundos en una página de producto activa para permitir que SeaText se active y, a continuación, comprueba si el editor aparece en el panel. Si falta, vuelve a comprobar el código del pie de página y la consola en busca de errores.
• Documenta las personalizaciones: Mantén un registro de cualquier CSS o JS personalizado que añadas, especialmente en el pie de página o el encabezado, para facilitar la solución de problemas en el futuro.

Preguntas frecuentes completas

¿Funciona el editor de SeaText en temas móviles de Weebly?

Sí. El editor de variantes forma parte del panel de Weebly, que es adaptable y accesible mediante navegadores móviles. La interfaz del editor se adapta al tamaño de la pantalla, aunque las configuraciones complejas de variantes pueden ser más fáciles de gestionar en un ordenador de escritorio.

¿Qué ocurre si mi tema utiliza una política de seguridad de contenido (CSP) que bloquea scripts externos?

Weebly no permite que los usuarios añadan encabezados CSP personalizados. Sin embargo, si utilizas un servicio de terceros o un proxy que modifica la salida de Weebly, asegúrate de que no bloquee los scripts de seatext.ai o cdn.seatext.com. Ponte en contacto con tu proveedor de proxy si es necesario.

¿Puedo utilizar el editor si he eliminado completamente el pie de página de Weebly mediante código personalizado?

No. Si tu tema o código personalizado elimina activamente el elemento <footer> o impide que se renderice el código del pie de página, el fragmento de SeaText no se cargará. Debes restaurar el renderizado del pie de página o colocar el fragmento en el encabezado, aunque se recomienda el pie de página para obtener un momento de carga óptimo.

¿Por qué aparece el editor para algunos productos, pero no para otros?

Esto suele indicar un problema de sincronización. Comprueba que el producto que falta esté publicado, tenga variantes definidas y esté vinculado a tu cuenta de SeaText. En el panel de SeaText, ve a Products y verifica que el artículo muestre el estado "Synced". Si aparece como "Pending", espera unos minutos y actualiza la página. Si aparece como "Error", haz clic en el mensaje de error para ver los detalles. Entre las causas habituales se incluyen la falta de identificadores de producto o los límites de frecuencia de la API.

¿Cómo sé si una actualización del tema dañó mi integración de SeaText?

Después de cambiar el tema, comprueba inmediatamente lo siguiente: 1) ¿Sigue el fragmento de SeaText en Footer Code? 2) ¿Aparece el nombre de tu sitio web en el panel de SeaText? 3) ¿Puedes ver el editor en el panel de productos? Si alguna respuesta es negativa, vuelve a pegar el fragmento y espera 40 segundos en un sitio activo. Si el problema persiste, utiliza la consola del navegador para comprobar si hay errores, tal como se describe en Solución avanzada de problemas.

¿Se sabe de alguna aplicación de Weebly que entre en conflicto con SeaText?

Consulta con el proveedor para obtener información sobre interacciones específicas con aplicaciones de terceros. SeaText no mantiene una lista de aplicaciones de Weebly incompatibles, pero las aplicaciones que modifican considerablemente el editor de productos, como las herramientas avanzadas de inventario o precios, pueden interferir con los selectores DOM. Si sospechas que existe un conflicto, realiza una prueba de forma aislada.

¿Puedo utilizar SeaText en un sitio de Weebly con áreas exclusivas para miembros o protección mediante contraseña?

Sí, siempre que el sitio sea accesible públicamente durante el tiempo de permanencia inicial de 40 segundos necesario para la activación. Una vez activado, SeaText funciona detrás de los muros de inicio de sesión. Sin embargo, si todo el sitio está restringido a usuarios que han iniciado sesión y nunca es accesible públicamente, la secuencia de activación puede fallar. Ponte en contacto con el soporte de SeaText para conocer alternativas.