2 Ways to Add Custom HTML Code in Tilda
Sometimes, Tilda’s built-in features aren’t enough — and that’s when custom HTML can save the day. Here are two simple ways to embed your own HTML code into a Tilda project.
Method 1: Embed HTML Using a Page Block
This option lets you add HTML to a specific page.
Step 1: Open Your Project
Go to tilda.cc, log into your account, and open the project where you want to insert custom code.
Step 2: Add an HTML Block
Click the “+ Add Block” button at the bottom of the page.
Scroll down to the “Other” category and choose a block like T123 “HTML Code.”
Step 3: Paste Your Code
Click the block to edit it, and paste your HTML into the editor.
The code will only apply to the page where the block is placed.
💡 Tip: If you add this block to your site's footer, the code will run across all pages.
Method 2: Add HTML Code via Site Settings
Use this method if you want your code to affect the entire site.
Step 1: Open Site Settings
Log into Tilda, open your project, and click “Site Settings” at the top of the screen.
Step 2: Go to the “More” Tab
In the settings menu, find and click the “More” tab.
Step 3: Paste Your HTML Code
Under “HTML Code Injection,” paste your custom code into the provided field.
The code will be applied to all published pages on your site.
With these two methods, you can add custom scripts, widgets, tracking codes, or any other HTML elements to enhance your Tilda site.
Need help writing clean and safe HTML snippets? I can help with that too.
