For the most seamless purchase or booking experience, you can embed Gymflow into your existing website. This shows your potential customers live versions of your current memberships, packages, class schedule and more.
What Are Embeds?
Embeds are snippets of code that allow you to show information from other sites like Gymflow within a section of your existing website.
How To Embed Your Gymflow 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 may vary in height depending on how many memberships or classes are display, which element is being interacted with and what size the user's screen is.
To enable the embed to dynamically adjust it's 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("#gymflow-iframe");
iframe.style.height = event.data.height + 20 + "px";
});
</script>