You can use your Mautic Twig Templates not just in emails and landing pages, but also directly on your own website or share them using a special link. This lets you put personalized Mautic content anywhere on the web.

Mautic provides two ways to do this when you view a saved Twig Template:

Embed with Javascript

Add personalized Mautic content directly onto your website pages (like banners or messages). Mautic gives you a Javascript code snippet to paste into your site’s HTML.

How to Get the Code:

1

Go to your saved Twig Template in Mautic.
2

Find and click the “Embed Twig Template” option.
3

Copy the Javascript code snippet provided.

Example Snippet:

<!-- Paste this where you want the content on your page -->
<script async defer type="text/javascript"
src="https://your-mautic.com/twig/template/{TEMPLATE_ID}/{UNIQUE_HASH}.js"></script>

How it Works:

  • Paste the snippet into your website’s HTML where you want the content to appear.
  • The script fetches and displays the Twig Template’s output when the page loads.
  • Personalization is based on the visitor’s Mautic tracking cookie. If the visitor is unknown, any default values or fallback logic in your template are used.

Remember to replace https://your-mautic.com with your Mautic URL. The {TEMPLATE_ID} and {UNIQUE_HASH} are unique to your template and provided by Mautic.

Use Direct Link

Get a unique URL that displays your rendered Twig Template as a standalone HTML page.

Useful For:

  • Quickly previewing template output.
  • Embedding content using an <iframe> on another site.
  • Sharing a specific piece of personalized content directly.

How to Get the Link:

1

Go to your saved Twig Template in Mautic.
2

Find and click the “Embed Twig Template” option.
3

Copy the “Direct HTML link” provided.

Example Link:

https://your-mautic.com/twig/template/{TEMPLATE_ID}/{UNIQUE_HASH}.html

How it Works:

  • Anyone visiting this link will see the rendered HTML output of your Twig Template.
  • Personalization is based on the visitor’s Mautic tracking cookie (if they have one).

Replace https://your-mautic.com, {TEMPLATE_ID}, and {UNIQUE_HASH} with the actual values provided by Mautic for your specific template.

Using these embedding options helps you extend Mautic’s personalization power beyond emails and landing pages.

You can use your Mautic Twig Templates not just in emails and landing pages, but also directly on your own website or share them using a special link. This lets you put personalized Mautic content anywhere on the web.

Mautic provides two ways to do this when you view a saved Twig Template:

Embed with Javascript

Add personalized Mautic content directly onto your website pages (like banners or messages). Mautic gives you a Javascript code snippet to paste into your site’s HTML.

How to Get the Code:

1

Go to your saved Twig Template in Mautic.
2

Find and click the “Embed Twig Template” option.
3

Copy the Javascript code snippet provided.

Example Snippet:

<!-- Paste this where you want the content on your page -->
<script async defer type="text/javascript"
src="https://your-mautic.com/twig/template/{TEMPLATE_ID}/{UNIQUE_HASH}.js"></script>

How it Works:

  • Paste the snippet into your website’s HTML where you want the content to appear.
  • The script fetches and displays the Twig Template’s output when the page loads.
  • Personalization is based on the visitor’s Mautic tracking cookie. If the visitor is unknown, any default values or fallback logic in your template are used.

Remember to replace https://your-mautic.com with your Mautic URL. The {TEMPLATE_ID} and {UNIQUE_HASH} are unique to your template and provided by Mautic.

Use Direct Link

Get a unique URL that displays your rendered Twig Template as a standalone HTML page.

Useful For:

  • Quickly previewing template output.
  • Embedding content using an <iframe> on another site.
  • Sharing a specific piece of personalized content directly.

How to Get the Link:

1

Go to your saved Twig Template in Mautic.
2

Find and click the “Embed Twig Template” option.
3

Copy the “Direct HTML link” provided.

Example Link:

https://your-mautic.com/twig/template/{TEMPLATE_ID}/{UNIQUE_HASH}.html

How it Works:

  • Anyone visiting this link will see the rendered HTML output of your Twig Template.
  • Personalization is based on the visitor’s Mautic tracking cookie (if they have one).

Replace https://your-mautic.com, {TEMPLATE_ID}, and {UNIQUE_HASH} with the actual values provided by Mautic for your specific template.

Using these embedding options helps you extend Mautic’s personalization power beyond emails and landing pages.