Fitness studio website kit

About this kit

A studio website has a narrow job. Someone who has never been inside needs to know what the classes are, whether they will be able to keep up, when sessions run, what it costs and how to try one without signing anything. Most of them decide within a couple of pages, often on a phone in the evening, so every page in this kit ends at the same place: booking a free trial class.

The kit gives each of those questions its own page. The home page introduces the four class types and the coaching approach, then places a member quote right before the membership prompt. The classes page gives every class an intensity label, shows the full weekly timetable, lists what to bring and answers the questions people ask before a first session. The membership page sets out three monthly plans and the class packs, and states the freeze and cancellation rules in plain sentences. The contact page carries the trial booking form, the address, hours and parking, and a first-visit checklist.

Build in this order: header and footer first, then home, classes, membership and contact. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s own header. The trial form also converts to an Elementor Pro Form. Before publishing, replace the studio name, address, timetable and prices with your own, and whenever a class time or price changes, update the classes and membership pages together.

What is in the kit

Colors and fonts

Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.

• Headings: Oswald
• Body text: Roboto

How to install the kit

1. Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
2. In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
3. Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
4. With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
5. Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.