How to Use the HTML Block on UniLink

The HTML block is a UniLink block that lets advanced users embed custom HTML code directly into their page, enabling functionality and design elements that go beyond the standard block library.

What is the HTML Block?

The HTML block is the most flexible and powerful block available on UniLink. It accepts raw HTML code that is rendered directly on your page, allowing you to embed third-party widgets, custom styled content, forms, maps, audio players, and any other embeddable element you can build or copy from an external service. This block is designed for users who are comfortable working with HTML and want to extend their UniLink page beyond what the visual editor provides.

How to Add the HTML Block

  1. Log in to your UniLink Dashboard
  2. Open your page editor
  3. Click Add Block (+)
  4. Select HTML

Configuration Options

  • HTML Code Editor - Paste or write your custom HTML code directly in the built-in editor field.
  • Block Width - Set whether the HTML content spans the full page width or is contained within the standard block width.
  • Padding - Control the spacing around your custom HTML content so it aligns naturally with other blocks.
  • Preview Mode - Toggle a live preview to check how your HTML renders before publishing.
  • Mobile Visibility - Choose whether the HTML block is shown or hidden on mobile devices for responsive control.

Best Practices

  • Only use trusted, clean HTML code in this block, as pasting code from unknown sources could affect your page performance or appearance.
  • Test your HTML block on both desktop and mobile after publishing, as some embedded elements behave differently on smaller screens.
  • Use the HTML block sparingly and only when a standard UniLink block cannot accomplish the same goal, as simpler blocks are easier to maintain and update.
  • Avoid heavy JavaScript-dependent embeds that may slow down your page load time and negatively impact visitor experience.

Create your free UniLink page