Embed MESA Templates on your Site
This small snippet of JavaScript allows MESA templates to be displayed anywhere. Embedded MESA templates are great because they keep users on your site and are always up-to-date. Embedded MESA templates can go anywhere; on your blog, onboarding emails, FAQ's, or in your integrations page. You can specify a single template you'd like to embed or list all of an app's available templates.
Installation
Add this
<script>
tag right above your closing
</body>
tag, and then add div tags where you would like the template(s) to appear.
<script src="https://mymesa.site/widgets/widgets.js"></script>
Show a single template
To display a specific template use the
data-template attribute, whose value is the last part of the template's URL on getmesa.com. For example, use the code below to feature
this template.
<div data-template="send-an-sms-message-if-a-shopper-abandons-their-checkout"></div>
Show all available templates
To display all templates from an app, you will need to use a div with the attribute
data-app
and the value should be the app's name.
There is also an optional attribute to define the number of templates shown, which is the attribute
data-max-items
.
Here is an example of how to use the Shopify app:
<div data-app="shopify" data-max-items="3"></div>