Insert a supported service or media embed, configure its URL/source and responsive dimensions, then test provider permissions, privacy behavior, loading, and interaction in Preview and the published site.
Where: Left sidebar → Insert → Embeds
Key ideas
- Provider-owned runtime: flowmo controls the host element and layout; the provider controls the remote content, availability, consent, and much of the playback or interaction behavior.
- Responsive host: The embed needs deliberate width, height, aspect ratio, overflow, and breakpoint behavior rather than relying on the provider’s default dimensions.
- Preview is required: Static design mode may not exercise scripts, cookies, permissions, autoplay, or cross-origin behavior; validate in Interact preview and after publish.
Steps
- Open Insert → Embeds, choose the supported provider/type, and insert the element in the intended section or scene.
- Set the public URL/source and any provider-specific identifier or playback options.
- Set responsive dimensions or aspect ratio and check overflow within the parent container.
- Enter Preview → Interact and test loading, controls, links, keyboard access, and mobile sizing.
- Publish to a safe target and verify consent/privacy behavior, provider permissions, and any content-security restrictions.
Tips
- Provide a linked poster/fallback when the embed is essential.
- Use the provider’s privacy-enhanced or consent-aware mode when available.
Limitations and important notes
- A private, deleted, region-restricted, or embedding-disabled provider URL can fail even when the host element is configured correctly.
- Third-party embeds can add cookies, tracking, scripts, and performance cost outside flowmo’s control.
Troubleshooting
The embed is blank in Preview or after publish
Confirm the URL is public and embeddable, then inspect provider permissions, browser console/network errors, consent, and content-security policy.
The embed overflows on mobile
Set the host to responsive width with an explicit aspect ratio or breakpoint-specific height and verify the parent does not force a fixed desktop size.