Add custom code to your website, in the head or on the page
Paste a script into every page’s head, add code to a single page, or drop an embed onto the canvas. Publish, and your live page runs it exactly as you wrote it.
The snippet goes where it works.
-
Three places, three jobs
Every page's head, one page's head, or a spot on the canvas where an embed should show.
3 places for your code
- Head Code Injection
- Custom Code <head>
- Code element
-
Code for just one page
Each page has its own head code box in Page Settings, added after the website's code.
-
Embeds where they belong
Draw a Code element where the widget should appear and paste its code. It runs on the published page.
Paste it once for every page.
Head Code Injection puts verification tags, analytics scripts and site-wide styles into the head of the whole website.
Custom Code
It sits in the website's Settings, beside Domains and Fonts.
Head Code Injection
Paste a meta tag, a stylesheet link or a script once, for the whole website.
Every page's head
Siter.io adds it to the head of every page exactly as written, without changing or checking it.
Save Changes
Save, then open your live site and check that the code does its job.
Live in three steps.
-
Copy the snippet
Take the code a service gives you, or write your own HTML, CSS or JavaScript.
-
Paste it where it acts
Head Code Injection for every page, a page's own head code for one, a Code element for an embed.
-
Publish and check
Publish the page, open it live, and confirm the code did what it should.
Frequently asked.
How do I add custom code to my website?
Pick the place by where the code has to act. For every page, paste it into Head Code Injection under the website’s Settings, then Custom Code; for one page, into that page’s head code box in Page Settings; for something visible, into a Code element on the canvas.
How do I add a script to the head of my website?
Paste it into Head Code Injection, under the website’s Settings and then Custom Code, and save. Siter.io adds it to the <head> of every page. For a script that only one page needs, use that page’s own box in Page Settings, which comes after the website’s code.
How do I embed HTML on a page?
With the Code element. Draw it where the embed should appear, size it, and paste the HTML, with any <script> or <iframe> it brings. In the editor it shows a note in its place; on the published page the code runs.
Can I add custom CSS?
Yes, as a <style> block or a <link> to a stylesheet in head code, for the whole website or one page. Style your own embed markup with it rather than the class names Siter.io writes, which can change when you edit the design.
Does custom code work on the free plan?
Yes. Head code and the Code element are on every plan, and the Free plan publishes 1 website at name.getsiter.com, so your code runs there once you publish.
Does Siter.io check the code I paste?
No. It is added exactly as written, so a typo or a script error goes live with the page. Add one snippet at a time and check the live page after each.
More of what the editor does
- Custom domains Point a domain you own at the site, with HTTPS issued automatically, in every paid plan at no extra cost.
- Hosting and SSL No separate host to buy, no certificate to renew. It is part of the plan.
- HTML download Take a copy of a page and host it elsewhere. On Pro, and honest about the limits.
- Forms Design a form on the canvas and get the answers in your inbox.
- Custom fonts Upload the font files the design was made with, on every plan including free.
- Responsive design A layout for each breakpoint, custom widths included, laid out by you rather than guessed by the tool.
- SEO settings Per-page title, description and slug, plus custom meta tags in the head.
- Teams and roles Admin and Member roles on paid plans, with editor seats included and counted per website.
- Website analytics See visitors and top pages for every published site, plus sources, countries and devices on paid plans, with no cookies and no personal data.
- Animations Appear and loop animations, scroll and in-view triggers, custom keyframes and hover states, set per element and previewed on the canvas.
- File hosting Upload PDFs, documents, audio and video and link to them from any button, image or line of text.
- Version history Restore any page from the last 30 days, and bring back deleted pages and websites within 14.
- Visual editor A free-form canvas with layers, auto layout, components and hover states, closer to a design tool than a block builder.
- Popups Open a popup from any button with Open overlay, or link it to a page, a section, a file, an email or a phone call.
- Images An image library for each website with folders and Unsplash search, plus an editor that crops, rotates and adjusts.
- Integrations Zapier for form responses, reCAPTCHA, Google Analytics, Facebook Pixel, video, fonts, Figma and any embed snippet.
Design the page, then add
the line of code it needs.
Paste the snippet where it belongs, publish, and the live page runs it.