Automatically embed Structurizr using

Structurizr is a collection of tooling to create software architecture diagrams and documentation based upon the C4 model.

Integrating Structurizr with your website through can significantly enhance user engagement and provide a seamless experience. When visitors hover over hyperlinks connected to Structurizr diagrams or documentation, they are greeted with an intuitive link preview. This preview offers a concise summary of the hyperlink's content, allowing users to glimpse the architectural insights without navigating away from your page. The immediate visual feedback not only enriches the user experience but also encourages deeper exploration of the content, keeping visitors on your site longer.

For a more immersive and interactive experience, takes the integration a step further by offering rich link previews for Structurizr content. Upon clicking a hyperlink, users won't be redirected to another page. Instead, automatically extracts the embed code and presents the detailed software architecture diagrams and documentation in an overlay popup directly on your website. This feature ensures that users can access complex information in a convenient and efficient manner, all while maintaining the context of the original page, which can lead to increased retention and a more engaging browsing experience.

Supported URLs will automatically generate embeds in the popup overlay for the following URLs:


How it works?

To enable automatic embeds on your website:

  1. Sign up to
  2. Install script on your website
  3. Hyperlink text & images on your website

Embeds with link previews will automatically appear when visitors hover & click over the hyperlinks. No need to copy any embed codes, everything is takes cares of.

Watch Demo 0:30s
Watch Demo 0:30s


More rich link preview embeds to integrate