Skip to main content

Custom code (head and body)

The Codes tab in Page settings exposes four text areas for third-party scripts and HTML snippets:

  1. Tags and scripts at the top of the <head>
  2. Tags and scripts at the bottom of the <head>
  3. Tags and scripts at the top of the <body>
  4. Tags in <footer> (footer)

Placeholders instruct you to paste code including the <script> tag when you add script-based snippets.

Safety and validation​

Before save, Atomicat validates custom code for malformed or unbalanced tags:

  • <script> open and close counts must match.
  • <style> open and close counts must match.
  • <noscript> open and close counts must match.
  • Partial tags at the end of the textarea are rejected with a clear error.

If validation fails, fix the snippet or remove it, then save again.

Product suggestions while pasting​

When pasted code looks like Facebook Pixel base code, the product recommends configuring tracking in the Pixel tab instead of duplicating pixels in custom code.

When pasted code looks like a back redirect script, the product recommends using the Features area for Redirect back instead of injecting duplicate logic.

You can still proceed when you understand the risk; the suggestions reduce common misconfigurations.

Best practices​

  • Only add scripts from trusted vendors.
  • Prefer official install snippets and update them when vendors change requirements.
  • Avoid loading the same tag in multiple slots unless you have a documented reason.
  • After publishing, verify with browser developer tools that tags appear once and in the intended order.

Frequently asked questions​

Can I add CSS in these fields?

<style> blocks are validated like scripts. Prefer the builder’s style controls for normal theming; use raw CSS only when necessary.

Does custom code run in the Page Builder preview?

Treat preview and published behavior as potentially different until you verify; always test the published URL for tag firing.