This process assumes that your custom site is hosted on some sort of CMS which 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
Grab the URL of the checkout page of the plan you want to embed. For our example, we are going to use https://fb.fitbudd.com/packs/c3GbcYd7eSpicn9pfnsP as a sample.
Open your website’s editor for the page where you want to place the checkout form.
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://fb.fitbudd.com/packs/c3GbcYd7eSpicn9pfnsP**?embed=3>" allowtransparency="true" style="width:100%; height:0; border:none;"> </iframe>
4. In the above code replace the sample URL (the part in red) with the URL you chose in Step 1.
5. Save the new code block you just added and publish the changes made to the page.
6. 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