Embed Mesa Templates on your Site

Mesa provides an embeddable HTML snippet that lists all of the templates available for an app, or just one individual template.


Add this <script> tag right above your closing </body> tag, and then add one of the divs below where you would like the Mesa block to appear. You canto list all of the templates available for an app, or individually list a specific template:
<script src="https://mymesa.site/widgets/widgets.js"></script>

Listing all available templates for an app

In order to use the widgets to display multiple templates base of 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 template shown, which is the attribute data-max-items. Here is an example on how to use the Shopify app:
<div data-app="shopify" data-max-items="3"></div>

Show a single specific template

To display a specific template use a div with the attribute data-template, whose value is the last part of the template's url on getmesa.com. For example, use the code below to feature this template:  https://www.getmesa.com/connect/shopify/integrate/shopify/send-an-sms-message-if-a-shopper-abandons-their-checkout:
<div data-template="send-an-sms-message-if-a-shopper-abandons-their-checkout"></div>