Using Website Embeds

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:

1. Navigate to Settings > Customizations > Links & embeds

2. Click Code next to the page you want to embed to copy its code

3. In your website builder, create an embed or custom code element and place it where you want to see it.

4. Paste the code into the embed element

5. Save and publish your 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:

1. From your Website builder find where you can add custom code

2. 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>

​