The purpose of this document is to provide guidance around embedding Mediafly Value marketing tools into iframes.
One thing to note is that this guidance is intentionally generalized since the look and feel of the embedded tool will be largely dependent on both the size of the frame and screen, as well as the size of the template and content within it.
Minimum requirements
In order to iframe in your marketing tool, you must first ensure (documentation):
- Template has been published as a Marketing Tool
- Public URL has been added
Best Practices
Recommended width and height will be completely dependent on the size of the viewport that holds the iframe, and the content on the tool. There are also cases where the viewport holding the iframe is smaller/larger than the container within the application holding the content.
In general, here is the script tag that is used to embed the content, with parameters such as clipboard read and write, and style being standard across all tools.
- <iframe src="index.html" allow="clipboard-read; clipboard-write" style="width: 100%; height: 100%;"></iframe>
For example:
- If the tool has a small, single column of inputs that require no scrolling, the size can be fairly small (assuming the goal is only to encompass the inputs on the screen). Here is an example:
If the tool is much larger and has multiple columns of inputs, and requires a single page scrolling experience, the iframe will need to be wider/taller in order to encompass the information. Here is an example:
Replies have been locked on this page!