This process assumes that your custom site is hosted on some sort of CMS that offers the capability to offer Code Blocks. If your current website doesn’t have this support please reach out to us for a specific solution.
Steps
Identify the page that you want to embed Download App to
Open your CMS’s editor for that page
At your location of choice within this page, add a Custom Code Block and paste the following code in it:
<script>
window.onmessage = function (e) {
if (e.data.hasOwnProperty("frameHeight"))
document.getElementById("fitbudd").style.height = "" + e.data["frameHeight"] + "px";
if (e.data.hasOwnProperty("goto"))
window.location.href = e.data["goto"];
};
</script>
<iframe id="fitbudd" src="https://XYZ.fitbudd.com/app?embed=1"
allowtransparency="true"
style="width:100%; height:0; border:none;">
</iframe>
In the above code replace
**XYZ.fitbudd.com**with the URL of your actual Fitbudd websiteSave the new code block you just added and publish the changes made to the page
That’s it 🎉, now this page will show your Download App QR and Store buttons embedded within your website 👍
Don't have a FitBudd account yet? Launch your own fitness app on iOS and Android. Get started for FREE