For the most seamless purchase or booking experience you can embed Gymflow into your existing website pages to show your potential customers live versions of your current memberships, packages, scheduled and more.
What Are Embeds?
Embeds are snippets of code that allow you to show information from other sites like Gymflow within a section your existing website pages.
How To Embed Your Website Pages
To embed Gymflow into your website:
Navigate to Settings and to the Website Tab
From the Links & Embeds section copy the relevant code you want to embed
In your website builder, create an embed or custom code element and place it where you want to see it.
Paste the code into the embed element
Save and publish your site
Note: On most website builders embedded code will only show on the published site.
Automatically Re-Size Embedded Sections
Your embedded sections will vary drastically in heigh depending on how many memberships or classes are display, which element is being interacted with and what size the users screen is.
To have the embed dynamically adjust its size to suit the content and screen size follow these steps.
From your Website builder find where you can add custom code
Before the closing </body> tag of the site or page you have an embed on add the below script
<script>
window.addEventListener("message", (event) => {
const iframe = document.querySelector("iframe");
iframe.style.height = (event.data.height + 20) + 'px';
});
</script>