Widget integrable no carga

Widget es snippet JS en cuentas Premium-tier. Cuando no renderiza, usually una de estas.

1. ¿Estás en Premium?

Premium-only. Free o Pro: script returns empty.

/studio/settings/billing. No Premium: upgrade.

2. ¿Snippet pasted correcto?

Snippet tiene dos partes:

<script src="https://movementors.com/embed.js" data-studio="tu-slug" data-mode="list" async></script>
<div id="movementors-embed"></div>

Ambas líneas required. Script carga widget code; div es where renderiza.

Common mistakes:

• Solo script, missing div.
• data-studio typo.
• Script src URL wrong.

Re-copy de /studio/settings/embed.

3. Abre browser console

Snippet correcto pero nada renderiza: F12 → Console.

Look red errors. Common:

"Refused to load the script..."

Your CSP blocking. Allow movementors.com en:

• script-src.
• frame-src.
• connect-src.

Update CSP header. Si Squarespace/Wix: check docs "Custom CSP" o whitelisting.

"Failed to fetch"

Network blocking. Causes:

• Corporate proxy / firewall.
• Privacy Badger, etc.
• Adblockers.

Test Incognito sin extensions. Works → extension.

"Cross-Origin (CORS) error"

Domain no allowed. Allow all origins default; CORS usually indica different issue. Check network tab para actual status. 403/404 = script URL wrong.

4. Studio slug wrong

data-studio attribute must match exactly. Case-sensitive.

Slug changed: update snippet en sitio.

5. JavaScript errors en tu sitio

Widget assumes working JS. Errors before widget load → may no initialise.

Check console for non-MoveMentors errors. Fix; widget often comes back.

6. Container div hidden

<div id="movementors-embed"> in page, not hidden.

Inspect element; check dimensions (height > 0), visible. Sometimes parent display: none o height: 0.

7. Widget renders en wrong place

Renderiza dentro del div. Wrong place → mueve div donde quieres.

8. Layout broken

Widget responsive but may collide con CSS de tu sitio. Check:

• Container width >= 320px mobile; 600px+ recommended.
• Site CSS no overriding internal widget elements.
• Container no overflow: hidden cutting off.

Try wrap snippet:

<div style="all: revert; width: 100%; min-height: 600px;">
  <script src="..." ...></script>
  <div id="movementors-embed"></div>
</div>

9. Squarespace / Wix / Webflow

• Squarespace: Code Block.
• Wix: HTML Embed.
• Webflow: Embed element.
• WordPress Gutenberg: Custom HTML block.

Si builder restringe domains, may need paid plan que allows external scripts.

10. Mobile rendering

Works desktop pero no mobile:

• Test mobile browsers (Mobile Safari, Chrome Android).
• Viewport meta: <meta name="viewport" content="width=device-width, initial-scale=1">.
• Container mobile width.

Preguntas frecuentes

¿Múltiples widgets una página? Sí. Cada <div id="movementors-embed"> unique ID. Use movementors-embed-1, -2, con data-target en script. Ver advanced.

¿Widget loads pero classes no aparecen? Check tu studio has active classes. Widget filters inactive. Also check filtros en config.

¿Customizar más? Yes via CSS variables. Ver advanced.

¿Funciona si MoveMentors down? No. Widget loads scripts de movementors.com. Down → widget fails. Site otro content unaffected.

Próximos pasos

• Embed widget.
• Embed widget advanced.