Scripts & Integrations

Advanced Customizations

Automad allows you to inject custom HTML markup and JavaScript code into your site either globally or on individual pages. This capability enables seamless integration with third-party services such as analytics platforms and commenting systems.

To apply customizations site-wide, navigate to Global Data and Files → Customizations. Page-level customizations can likewise be applied and automatically merged with their global counterparts.

Integration Types

Depending on the content or script you want to integrate, you need to choose the right location for code injection. The following fields are available for adding custom code:

  • Custom HTML in the head element — for meta tags, cookie consent wrappers, and conditionally loaded JavaScript or CSS files
  • Custom HTML before the closing body tag
  • Custom JavaScript in the head element
  • Custom JavaScript before the closing body tag

GDPR Compliance

When integrating third-party services that set cookies for tracking user data, ensure your implementation complies with GDPR regulations. Refer to the Cookie Banner guide for instructions on implementing GDPR-compliant script integration.

Multilingual Sites Custom Styles
Open Graph & Favicons
Automad takes care of most metadata and icon-related details automatically, so pages are ready for browsers, devices, and social platforms right from the start. Without any configuration, sensible defaults are generated for things like page titles, descriptions, icons, and social previews. At the same time, Automad keeps everything transparent and flexible, making it easy to customize or override individual parts whenever more control is needed.
Multilingual Sites
in case your target group of visitors is spread all over the world and you need to provide your content in different languages, Automad's build in language router lets you easily server different content base on a visitor's locale. Follow the steps outlined on this page to convert your site into multilingual web presence. 
Custom Styles
Customize your site's appearance by adding custom CSS at the global level or on individual pages. Custom CSS fields are located in Global Settings and Data → Customizations, as well as in the Customizations section of each page.
Cookie Banners
Automad automatically displays a cookie consent banner when a page includes embedded third-party content, such as YouTube videos, SoundCloud embeds, social media posts, or similar elements. This ensures your site remains GDPR compliant.
Page Versioning
Automad automatically maintains a page history by creating snapshots of your page settings and text content as you edit. To restore a previous version, open the More dropdown menu in the top right of the page settings and select Restore a previous version. When you restore a page, the previous revision is created as a new copy alongside the original page. The homepage is handled differently since it serves as the root page — it will be restored in place rather than duplicated.