Web App Embed

Here are the instructions designed to make installing the Military App Web App into any website quick and simple.

If your website is not configured on our servers nothing will show,

Instructions

Step 1 - Create a full width page with navigation header

You should create a empty page, this page will just have a header and a custom code block. Below is a screenshot from a Webflow site as an example. Full width with no padding or margin.

Step 2 - Edit the custom code or embed code element.

Inside your code section you should include the following code:

<iframe id="MAembed" width="100%" allow="clipboard-read; clipboard-write"></iframe>
<script type="text/javascript" src="https://cdn.militaryapp.org/embed-scripts/embed-app.js"></script>

TheJavaScript code pulls configuration settings from our server based on your domain name.

Step 3 - Publish and Test

Once configured you can publish and test your page. By default we assume that the header is 100px high, if your site header is different to this then we can amend the configuration on our server side.

Any problems, please contact us.

Transforming the way Regiments and Military Units connect and support their entire family.

For new Regiments, Unit HQs or Associations looking to better support your members…