Adding Glofox to Your Wordpress Website

Follow

Overview 
Bring your Glofox integrations—like Class Schedule, Memberships, and Courses—directly into your WordPress website by adding an iFrame block or HTML block.

What You’ll Need

Step 1: Generate Your Integration Code

Follow the same steps in the builder to copy your code.

Step 2: Add the Integration to WordPress

If using the Block Editor (Gutenberg):

  1. Edit the page where you want the integration.
  2. Click the + icon → choose Custom HTML.
  3. Paste your integration code.
  4. Preview and click Update to save.

If using Elementor:

  1. Add a new HTML Widget to your page.
  2. Paste the integration snippet and save.

Step 3: Optimize for Mobile

Preview your page on mobile. Adjust block alignment or section height as needed.

Customize Your Web Portal

You can adjust visual settings from your dashboard here: 
https://app.glofox.com/dashboard/#/webportal

Need to Give Us Access?

Add webdevelopment@glofox.com as an admin if our team is assisting. 
The video below will show you how to add an admin:

 

That’s It!

Once published, your Glofox integrations will display live. 
Need help? We’re just a message away.

 

Was this article helpful?
0 out of 0 found this helpful