The code element is a handy tool that lets you add custom code, such as HTML, CSS, and JavaScript to your pages. It’s perfect for when you need to go beyond the usual features, like putting in unique forms or embedding videos from external sources.
Advanced tab settings
Content
You can write any HTML / CSS / JS codes directly into the code element. This will be an HTML inline code, so make sure you wrap your CSS in <style>…</style> tags and your JavaScript in <script>…</script> tags.
While we’re here to help you with Mosaic, please be aware that we do not offer support for custom coding. Any code you choose to implement will be fully managed by you, as we’re unable to assist with it.
Here are some examples of what you can insert into your page using the code element:
Insert location
The Insert location setting determines where your custom code will be placed in the page’s HTML output. This gives you control over when and how the code is executed.
- In place: Inserts the code exactly where the Code element is added on the page. Useful for inline scripts, widgets, or small HTML snippets that need to appear in a specific spot.
- Head: Places the code inside the <head> of your page. Ideal for meta tags, tracking scripts, or stylesheets that should load before the content.
- Body start: Inserts the code right after the opening <body> tag. This is a common choice for scripts that need to load early but don’t belong in the <head>.
- Body end: Places the code just before the closing </body> tag. Often used for analytics, tracking, or scripts that don’t need to block the initial page rendering.