Embed Calendly, Typeform, Google Maps, Spotify, and any other external service directly into your UniLink page — no coding required.
What this article covers: How to add an Embed block to your UniLink page, paste your iframe or code snippet, adjust sizing, and troubleshoot common display problems with third-party widgets.
The Embed Tools feature lets you drop any external widget — a booking calendar, a survey form, a map, a music player, a video — straight onto your UniLink page. Instead of sending visitors away to another site, the tool lives inside your page. Visitors interact with it without ever leaving your link-in-bio. This article walks you through setup, the available settings, and how to get reliable results from services that can be picky about embedding.
What Embed Tools Does
Embed Tools creates a container on your page that loads external content using an iframe or a raw HTML/JavaScript snippet. The block acts as a secure frame around the third-party code, isolating it from the rest of your page layout while still rendering it inline for visitors.
Common use cases include Calendly booking widgets, Typeform or Google Forms surveys, Google Maps location embeds, Spotify track or playlist players, YouTube videos without a separate Video block, SoundCloud players, Elfsight widgets, and any service that provides an embed code. If the service gives you an iframe tag or an embed snippet, UniLink can render it.
The block gives you control over the display height, optional scroll behavior, and a loading placeholder so visitors see something while the widget initializes. Because the code runs inside a sandboxed frame, it does not interfere with your page analytics or break other blocks on the page.
How to Get Started With Embed Tools
- Open the Dashboard editor — log in to your UniLink account and click Edit Page for the site you want to update.
- Add a new block — click the Add Block button in the editor sidebar or in the page canvas where you want the embed to appear.
- Select Embed from the block list — find it under the Integrations or Tools category, depending on your template.
- Get your embed code from the third-party service — in Calendly, click Share and copy the embed code; in Typeform, open Share, select Embed, and copy the iframe; in Google Maps, click Share, choose Embed a map, and copy the HTML.
- Paste the code into the Embed Code field — the editor shows a preview as soon as you paste valid code. If nothing appears, double-check that you copied the full snippet including the opening and closing tags.
- Set the block height — enter a pixel value that fits the widget. Calendly typically needs 630–700px; Typeform needs 500px; a Google Map looks good at 400px. You can fine-tune this after saving.
- Save and preview — click Save, then open your public page in a new tab to verify the widget loads correctly for a visitor.
How to Use Embed Tools
- Enable scroll inside the embed — toggle Scrollable on if the widget has its own scroll, such as a long Typeform or a Calendly flow with multiple steps. Leave it off for static content like a map.
- Set a loading placeholder — choose a spinner, a blank background, or a custom placeholder image so visitors see something while the widget fetches its content. This matters most on slow connections.
- Adjust the block title — add an optional label above the embed (e.g., "Book a call" or "Find us on the map") to give visitors context before the widget loads.
- Resize by dragging or entering a value — in the editor you can drag the bottom edge of the block to resize, or type an exact height in the settings panel. Width always matches the page column width.
- Test on mobile — click the Mobile Preview toggle in the editor. Some widgets restrict their minimum width; if the embed looks broken at 375px, increase the height to compensate for vertical reflow, or contact the widget provider about their mobile embed options.
- Hide the block on specific devices — use the Visibility settings to show the embed only on desktop if the widget does not support mobile, or to show only on mobile for touch-optimized widgets.
- Reorder the block — drag the Embed block up or down in the editor to position it between other content like a Bio block and a Links block.
Key Settings Explained
| Setting | What it controls | Best practice |
|---|---|---|
| Embed Code | The raw iframe or script snippet from the third-party service | Always copy the full snippet from the source; do not edit it manually unless you know what you are changing |
| Height (px) | The vertical space allocated to the iframe on the page | Start at the widget provider's recommended height; add 40–60px extra to avoid internal scrollbars appearing |
| Scrollable | Whether visitors can scroll inside the iframe container | Enable for multi-step forms and booking flows; disable for static embeds like maps to prevent accidental scroll trapping |
| Loading Placeholder | What displays while the external content fetches | Use a spinner or a low-res preview image; a blank white space looks like a bug to first-time visitors |
| Visibility (Device) | Which device types show the block | Hide embeds that are broken on mobile rather than showing a broken widget — link to the external page instead on mobile |
How to Get the Most Out of Embed Tools
Match the embed height to the widget's natural height. When the iframe is too short, the widget shows its own internal scrollbar, which confuses visitors. Most widgets publish recommended embed heights in their documentation. Calendly recommends 630px, Typeform recommends 500px minimum, and a standard Google Map looks clean at 400px.
For booking widgets like Calendly or Acuity, position the Embed block near the top of your page — ideally the second or third block after your photo and bio. Visitors who land on your page from a "Book a call" link in an email expect to see the calendar immediately. Burying it below six link buttons increases drop-off.
Use a block title to set expectations. A label like "Schedule a 30-minute strategy call" tells visitors what they are looking at before Calendly finishes loading. This is especially valuable on slower connections where the widget takes a second or two to render.
If you embed a form (Typeform, Google Forms, Jotform), make sure the form's own confirmation page or thank-you message is configured inside the form tool. UniLink cannot intercept the form submission response, so the experience after submission is entirely controlled by the form provider.
Troubleshooting Common Issues
| Problem | Likely cause | Fix |
|---|---|---|
| Embed shows a blank white space | The third-party service blocks iframe embedding via X-Frame-Options headers | Check the service's documentation for an approved embed method; some services (e.g., Twitter/X) have disabled iframes and require their own script tag instead |
| Widget is cut off at the bottom | Block height is set too low for the widget's content | Increase height in 50px increments until the full widget is visible; enable Scrollable as a temporary workaround |
| Calendly shows a login prompt instead of the calendar | You copied the direct URL instead of the embed code | In Calendly, go to Share, choose Embed, copy the iframe code — not the link URL |
| Map embed does not load on mobile | Google Maps iframe requires user interaction permissions that some mobile browsers restrict | Add a fallback link button below the embed pointing to Google Maps directly; consider hiding the embed on mobile via Visibility settings |
Pros
- Keeps visitors on your page instead of sending them to an external site to complete an action
- Works with any service that provides an iframe or HTML embed code — hundreds of tools supported
- No coding knowledge required; paste and configure entirely in the visual editor
- Device visibility controls let you show different experiences on desktop versus mobile
Cons
- Services that block iframes (X-Frame-Options: DENY) cannot be embedded and require a different approach
- Mobile rendering depends entirely on the third-party widget's own responsiveness
- Heavy widgets like interactive maps can slow page load time if placed above the fold
Frequently Asked Questions
Can I embed a Spotify playlist on my UniLink page?
Yes. In Spotify, right-click the playlist, choose Share, then Embed Playlist. Copy the iframe code and paste it into the Embed Code field. Set height to around 380px for the compact player or 500px for the full playlist view.
Why does my Typeform show a "This content cannot be displayed" message?
This usually means you pasted the form's share link rather than the embed code. Go to your Typeform, open Share, select Embed, and copy the iframe code from the Embed tab. The link and the embed code are different.
Can I embed a YouTube video with the Embed block instead of the Video block?
You can, but the dedicated Video block is the better choice for YouTube because it handles aspect ratio automatically. The Embed block is better for services that do not have a native UniLink block.
Will the embedded form submissions be tracked in UniLink analytics?
No. UniLink analytics tracks visits and clicks on your page, but form submissions inside an iframe are processed entirely by the form provider. Check your Typeform, Google Forms, or Jotform dashboard for submission data.
How many Embed blocks can I add to one page?
There is no hard limit on the number of Embed blocks. However, each external widget adds a separate network request. Adding more than three or four heavy embeds (maps, calendars, interactive forms) on one page can noticeably slow load time. Use them where they add clear value to the visitor.
Key Takeaways
- Embed Tools lets you drop Calendly, Typeform, Google Maps, Spotify, and any iframe-compatible widget directly onto your UniLink page.
- Paste the full embed code from the third-party service — do not paste a share link; they are different things.
- Set the block height to match the widget's natural size; too little height causes an internal scrollbar that frustrates visitors.
- Enable Scrollable for multi-step booking flows and forms; disable it for static content like maps.
- If a widget shows blank space, the service likely blocks iframe embedding — check their documentation for an approved alternative method.
Ready to add powerful widgets to your page?
Sign up for UniLink and start embedding Calendly, Typeform, Spotify, Google Maps, and more in minutes — no code needed.
Get Started Free