Widget integrável não carrega

Widget é snippet JS em contas Premium-tier. Quando no renderiza, usually uma destas.

1. Está no Premium?

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

/studio/settings/billing. Não Premium: upgrade.

2. Snippet pasted correto?

Snippet tem duas partes:

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

Ambas linhas required. Script carrega widget code; div é where renderiza.

Common mistakes:

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

Re-copy de /studio/settings/embed.

3. Abra browser console

Snippet correto mas nada renderiza: F12 → Console.

Look red errors. Common:

"Refused to load the script..."

Seu CSP blocking. Allow movementors.com em:

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

Update CSP header. Se Squarespace/Wix: cheque docs "Custom CSP" ou whitelisting.

"Failed to fetch"

Network blocking. Causes:

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

Test Incognito sem extensions. Works → extension.

"Cross-Origin (CORS) error"

Domain não allowed. Allow all origins default; CORS usually indica different issue. Cheque network tab pra actual status. 403/404 = script URL wrong.

4. Studio slug wrong

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

Slug changed: update snippet no site.

5. JavaScript errors no seu site

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

Cheque console por non-MoveMentors errors. Fix; widget often comes back.

6. Container div hidden

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

Inspect element; cheque dimensões (height > 0), visible. Sometimes parent display: none ou height: 0.

7. Widget renderiza em wrong place

Renderiza dentro do div. Wrong place → mova div onde quer.

8. Layout broken

Widget responsive mas may collide com CSS do seu site. Cheque:

• 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.

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

10. Mobile rendering

Works desktop mas no mobile:

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

Perguntas comuns

Múltiplos widgets uma página? Sim. Cada <div id="movementors-embed"> unique ID. Use movementors-embed-1, -2, com data-target no script. Ver advanced.

Widget loads mas classes não aparecem? Cheque seu studio tem active classes. Widget filters inactive. Also cheque filtros na config.

Customizar mais? Yes via CSS variables. Ver advanced.

Funciona se MoveMentors down? Não. Widget loads scripts de movementors.com. Down → widget fails. Site outro content unaffected.

Próximos passos

• Embed widget.
• Embed widget advanced.