Embed Fitbudd’s Payment Packs in your own custom Website

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 Fitbudd’s payment packs 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 into 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/packs?embed=2"
  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 website [please reach out to us at support@fitbudd.com in case you need help with this]
Save the new code block you just added and publish the changes made to the page
That’s it 🎉, now this page will show your Fitbudd packs embedded within your website 👍

Don't have a FitBudd account yet? Launch your own fitness app on iOS and Android. Get started for FREE