Drop any HTML, iframe, or third-party embed code directly into your UniLink page using the Advanced HTML block.
- The Advanced HTML block lets you paste raw HTML code — iframes, widgets, forms, and custom markup — anywhere on your page.
- Embeds are sanitized for security but support the full range of standard HTML and common third-party embed codes.
- Add it via Dashboard → Add Block → Advanced HTML, paste your code, preview, and save.
Most content can be added to a UniLink page through the standard block library — links, images, videos, social feeds, and more. But the long tail of third-party tools, custom widgets, and one-off embeds is impossible to cover with a finite set of native blocks. The Advanced HTML block is the solution for those cases. It treats a section of your page as an open canvas where you can paste any HTML code, and UniLink renders it as part of your page exactly as a browser would — no special configuration required beyond pasting the code.
What the Advanced HTML Block Does
The Advanced HTML block renders arbitrary HTML markup within the flow of your UniLink page, positioned wherever you place it in the block stack. When a visitor loads your page, the HTML inside the block is parsed and displayed by the browser just as it would be if you had built the page from scratch. This includes iframes pointing to external content (YouTube playlists, Google Maps, Calendly booking widgets, Typeform surveys), standard HTML elements (tables, lists, styled divs), and embed codes from platforms that provide a "copy embed code" option in their sharing settings.
The block applies HTML sanitization before rendering, which means certain potentially dangerous tags and attributes are stripped automatically. This is a security measure to protect both you and your visitors — it prevents injected scripts from malicious embed codes from running in the page context. The sanitization is permissive enough to support standard embed codes from reputable platforms (Spotify, SoundCloud, Bandcamp, Calendly, Typeform, JotForm, Google Maps, YouTube, Vimeo, and many others), but it does filter out raw script tags and event handler attributes like onclick. If you need JavaScript execution, use the Custom JS field in Settings → Advanced instead.
Positioning works exactly like any other block. You can drag the Advanced HTML block up and down in the block list to control where it appears on the page, place multiple HTML blocks at different positions, and configure the same padding and margin settings available to other blocks. This flexibility means you can interleave custom embeds between standard blocks — for example, placing a Calendly booking widget between your bio text and your link list, or inserting a Spotify playlist player in the middle of a music page.
How to Get Started
- Open your page editor. Log in at app.unilink.us and navigate to the page you want to edit. Make sure you're in the editor for the correct page.
- Click "Add Block." In the editor's block panel, click the "Add Block" button to open the block library. Blocks are organized by category; scroll down or search for "Advanced HTML" or "HTML" to find the block.
- Select Advanced HTML. Click the Advanced HTML block to add it to your page. A new empty block appears in the block stack, typically at the bottom. You can drag it to the correct position immediately or do so after adding the content.
- Paste your HTML code. Click into the Advanced HTML block in the editor to open its settings panel. Find the HTML code input field and paste your embed code or custom markup. The field accepts multi-line HTML.
- Preview before saving. Click the Preview button in the editor to see how the embedded content renders on your page. Verify that the embed loads correctly, displays at the right size, and looks appropriate on both desktop and mobile before clicking Save and Publish.
How to Use the Advanced HTML Block
- Get the embed code from the source platform. For most third-party tools, go to the content you want to embed (a Spotify playlist, a Calendly page, a Google Maps location) and look for a "Share" or "Embed" option. Copy the provided embed code — it usually contains an
<iframe>tag with the relevant URL and dimensions. - Adjust iframe dimensions for mobile. Most embed codes have fixed pixel widths (e.g.,
width="560"). Replace fixed widths withwidth="100%"so the embed fills the full width of the block on any screen size. Set the height to a fixed pixel value appropriate for the content type. - Test with a custom HTML element. Beyond iframes, you can use the block for custom HTML structures — a styled table, a notice banner, a definition list. Write the HTML directly in the field. UniLink renders standard HTML tags including
<div>,<p>,<table>,<ul>,<img>, and<a>with full attribute support. - Stack multiple HTML blocks. You're not limited to one Advanced HTML block per page. Add as many as you need in different positions. Each block is independent — its embed code, sizing, and positioning don't affect any other block.
- Use inline styles for layout control. Because the Advanced HTML block renders raw markup, you can apply inline styles to elements within it (
style="text-align: center; margin-top: 16px;") to control layout without needing to use the Custom CSS field. This is the fastest way to make simple styling adjustments to custom HTML content.
Key Settings
| Setting | What It Does | Recommended |
|---|---|---|
| HTML Code Field | Accepts raw HTML markup that is rendered as part of the page on publish | Paste embed codes directly; for custom elements, write clean semantic HTML |
| iframe Width | Controls how wide the embedded content appears on the page | Use width="100%" for responsive embeds that scale on all screen sizes |
| iframe Height | Sets the vertical size of the embedded content | Set a fixed pixel height appropriate for the content type — 400px for maps, 300px for audio players |
| Block Position | Drag handle controls where the HTML block appears relative to other blocks on the page | Position after the bio and before link lists for engagement-driving embeds like booking widgets |
| Block Padding/Margin | Standard block spacing controls apply to Advanced HTML blocks just like any other block | Add vertical padding to create breathing room between the embed and adjacent blocks |
Get the Most Out Of the Advanced HTML Block
The Advanced HTML block is most powerful when used to add functional content that drives action — not just decorative elements. The highest-converting embeds for most link-in-bio use cases are booking widgets (Calendly, Acuity, TidyCal), payment and tip links (PayPal.me button, Ko-fi widget), music players (Spotify playlist, SoundCloud track), and lead capture forms (Typeform, JotForm, Tally). Each of these platforms provides a standard embed code that works directly in the Advanced HTML block, and placing them prominently on your page turns your link-in-bio from a list of links into an active conversion surface.
For creators with merchandise or digital products hosted on platforms like Gumroad or Payhip, the Advanced HTML block makes it possible to embed a product card or checkout button directly on the UniLink page instead of asking visitors to click through to a separate store. This reduces the number of steps between discovery and purchase, which typically improves conversion rates. Most of these platforms generate embed codes specifically for this purpose — check their "Share" or "Widgets" settings.
Use the Advanced HTML block to add social proof elements that aren't available as native UniLink blocks. A simple HTML table listing client names and testimonials, a styled blockquote grid with customer quotes, or an embedded widget from a review platform like Trustpilot or Google Reviews adds credibility to your page. These elements can be built in plain HTML with inline styles — no external embed code needed, just straightforward markup that the block renders faithfully.
Keep the embed count reasonable. Each additional iframe on your page is a new network request that must load before the embed content appears. Two or three strategic embeds on a page enhance the experience; six or more independent iframes will noticeably slow page load and create a cluttered experience. Be selective: use the Advanced HTML block for the content that genuinely drives the most value for your specific use case, and link out to other content rather than embedding everything in line.
Troubleshooting
| Problem | Cause | Fix |
|---|---|---|
| Embed not displaying — blank space where content should appear | The source platform blocks embedding via X-Frame-Options or Content-Security-Policy headers | Check whether the platform explicitly supports embedding; some platforms (LinkedIn, Facebook profiles) block iframes. Use the platform's official widget or link block instead |
| Embed appears cut off on mobile | Fixed pixel width in the iframe wider than the mobile screen | Change the iframe width attribute to "100%" so it scales to fit the container on all screen sizes |
| Script tags in embed code not executing | HTML sanitization strips script tags from the Advanced HTML block for security | Move script-based embeds to the Custom JS field in Settings → Advanced (Business plan required) |
| HTML renders correctly in preview but not on the live page | Page not published after saving the HTML block changes | Click Publish in the editor after making any changes to push them to the live published page |
- Supports virtually any third-party embed with a standard iframe or HTML widget code
- Multiple HTML blocks can be placed at different positions throughout the page
- No plan restriction — available on all paid plans without needing Business tier
- Inline styles and HTML attributes give granular layout control without touching Custom CSS
- Script tags are sanitized out — JavaScript-dependent embeds need the Custom JS field instead
- Each iframe is a separate network request; many embeds can noticeably slow page load
- Some platforms block iframe embedding regardless of how the embed code is placed
Frequently Asked Questions
Which plans include the Advanced HTML block?
The Advanced HTML block is available on all paid UniLink plans — Starter, Pro, and Business. It is not available on the free tier. There is no additional fee for using it beyond having an active paid subscription.
Can I embed a Google Form in the Advanced HTML block?
Yes. Google Forms provides an embed code from the Form's Send menu (click the <> icon). Copy that code and paste it into the Advanced HTML block. Set the iframe height to at least 600px for a typical form to display without internal scrolling.
Why does my Spotify embed look different from what I see on Spotify?
Spotify's embed widget is a compact player designed for embedding and looks intentionally different from the full Spotify interface. This is expected behavior. You can choose between the compact and full-size embed options in Spotify's share settings when generating the embed code.
Can I use the HTML block to add a custom form that submits data somewhere?
Yes, with limitations. An HTML <form> element can be added to the block. The form's action attribute can point to a third-party form handler (like Formspree or a webhook URL). However, because script tags are sanitized, client-side form validation scripts and AJAX submission handlers won't work — use a third-party form platform's embed code instead for those use cases.
Does the Advanced HTML block affect my page's SEO?
Text content inside the HTML block (not inside iframes) is readable by search engines and contributes to the page's content. Content loaded inside an iframe is not indexed for the hosting page — search engines attribute that content to the iframe's source URL, not your UniLink page. For SEO-relevant content, use standard text blocks rather than HTML blocks.
- The Advanced HTML block renders any valid HTML — iframes, tables, custom markup — as part of your published page.
- Set iframe widths to 100% for embeds that scale correctly on mobile devices.
- Script tags are sanitized for security — use the Custom JS field for JavaScript-dependent functionality.
- The most conversion-driving embeds are booking widgets, payment buttons, audio players, and lead capture forms.
- Keep embeds selective — each iframe adds a network request that impacts page load speed.
Want to embed a booking widget, music player, or custom form on your page? Open your Dashboard, click Add Block, and select Advanced HTML to get started.