Tilda Embed Code: Adding Widgets with the HTML Block

Third-party widgets reach a Tilda page through one of three code fields. This guide shows where each field lives, which paid plan unlocks it, and the right spot for feeds, chat buttons and music players from ElectricBlaze.

Three places for outside code

The builder keeps custom code in a few clearly separated spots, and each suits a different job:

  • Block T123, “Embed HTML code”. A regular block from the Other category that you stack between other blocks. It accepts HTML, JavaScript inside <script> tags and CSS inside <style> tags, and inserts the code straight into the page rather than into a separate frame.
  • The HTML element in Zero Block. The same idea inside the free-form design editor, where you drag the element to exact coordinates.
  • HTML code for the HEAD section. A settings field for scripts that must load in the page head, available for the whole site or for a single page.

All three are paid features. On the Free plan code inside T123 is switched off and the head field cannot be edited, so a Personal or Business subscription is needed before any widget will run.

Add the Tilda HTML block (T123) step by step

First build a widget at a.electricblaze.com and copy its snippet with the Add to website button. Then:

  1. Open the site in your dashboard and click the page that should display the widget to enter its editor.

  2. Hover over the gap between two blocks and click the plus icon, or use All Blocks at the bottom, to open the Block Library.

  3. Choose the Other category and click T123 Embed HTML code. Typing T123 into the library search finds it faster.

  4. On the new block press Content, paste the snippet into the code field and confirm with Save & Close.

  5. Click Publish and open the live page. The editor and the preview display the snippet as plain text, which is expected.

Prefer Zero Block? Add an HTML element there instead. The help center states it works on the same principle as T123.

Where each widget belongs

Feeds and galleries

Instagram, Facebook, TikTok or X (Twitter) posts go into a T123 block at the position where visitors should see them. Turn on Full Width in the widget if the posts should reach the screen edges; on phones the columns stack by themselves.

Floating chat button or sticky player

Popup Chat and the Music Player in floating mode attach to a corner or edge of the browser window. Because T123 inserts code directly into the page, they float correctly from any block. To show them everywhere, put the block on a page that is assigned as the footer in Site Settings → Header and Footer, then republish all pages.

Tilda custom code in the HEAD section

Site-wide head code sits under Site Settings → More → HTML code for the HEAD section; a single page has the same field in Page Settings → Additional. It suits analytics or verification tags; a visible widget is easier to manage in the footer block.

Tilda Zero Block HTML element

Choose it when the widget must sit at an exact spot in a custom design. Zero Block lets you set the position separately for each screen width, so check the smaller breakpoints.

Widget not appearing: quick checks

  • Code visible as text. You are in the editor or preview mode. Scripts run only on the published page.
  • Empty block on the live site. Check the plan: after a downgrade to Free, code in T123 stops working.
  • Chat button only on one page. The block sits on that page alone. Move it to the footer page and publish every page again.
  • Two buttons in the same spot on phones. Built-in feedback widgets such as BF901–BF905 are pinned to the bottom of screens narrower than 980 pixels. Remove one or check that they do not overlap.

New posts, a different playlist or edited chat details come from ElectricBlaze automatically. Publishing again is only needed when you move or change the block itself.

Instructions for each widget

Pick a widget for a detailed walkthrough with layout advice for this builder.

Custom code and Tilda widgets: FAQ

Can I use embed code on the Free plan?

No. The Free plan disables code in T123 and locks the head field. Personal is the lowest plan with custom code, and it also connects your own domain.

Is there any difference between T123 and the Zero Block HTML element?

The help center describes no significant difference in how they run. T123 follows the usual block flow, while Zero Block gives pixel positioning per screen size.

Will the builder’s support team debug my widget?

Their support does not advise on code added by users. Write to [email protected] with the page address and we will look at the widget.

Can Tilda widgets from ElectricBlaze run on several projects?

Yes. Every plan allows unlimited websites, so one snippet can be pasted into blocks on different projects and pages.

Why do I not see changes right after saving the block?

Saving stores a draft only. Publish, then reload the live page in a private window to bypass the browser cache.

Get a widget for your Tilda site

Create it for free, copy the snippet and paste it into a T123 block.

Create a widget