How to customise the MaxiBlocks WordPress gym homepage template
The MaxiBlocks gym homepage template is your ultimate toolkit for creating a powerful first impression. Itโs designed with energy, motivation, and ease of navigation in mind, making it perfect for gym owners, fitness coaches, or anyone in the health and wellness industry. Letโs take a closer look at each section of this template, so you can bring your unique style and brand to life.
Hero section: inspire your visitors from the start
The hero section of this template features a large, bold headline, โHustle to gain more muscle,โ paired with an action-oriented โSign upโ button and an inspiring image of a woman lifting weights. The backdrop of this section is minimal, allowing the message to stand out clearly.
- Images: The hero image showcases strength and dedication. You can easily replace this with an image that resonates more with your brandโwhether itโs a photo of your facility, a motivational scene, or a personal trainer in action.
- CTA Button: The button here is designed to capture immediate attention with its bold colour and strong label. This is where you encourage users to take their first step with you.
Customisation tips for the hero section:
- Update the headline to reflect your gymโs unique personality or goals, e.g., โTransform your health, one rep at a time.โ
- Swap the hero image for a local touchโuse a photo of your community or your star trainer.
- Adjust the CTA button to suit your tone. Change โSign upโ to โGet your free trialโ or โStart your journeyโ.
- Add a secondary CTA for an alternate action, like a tour of the gym.
- Play around with background overlays. A subtle colour gradient might add depth.
- Experiment with animation effectsโmake the text appear dynamically.
- Update the font to reflect your gymโs branding styleโbold and chunky, or sleek and modern.
- Use high-contrast colours for accessibility and to ensure readability.
- Change the subheading text to include an offerโe.g., โFirst month free when you sign up today!โ
- Make sure the buttons are mobile-friendly by adjusting their size for smaller screens.
For more patterns to make your homepage stand out, check out the Maxi Blocks pattern templates.
Facilities section: showcase what makes you special
The facilities section comes next, providing a detailed look at what your gym offers. Each facility is represented with an easy-to-understand icon and a brief descriptionโsuch as the gym floor, swimming, kidsโ area, and snack bar.
- Icons: Bright and friendly, the icons make navigation easy. You can update these to better represent your services using the WordPress icon library.
- Layout: The grid layout makes each offering distinct and easy to digest.
Customisation tips for the facilities section:
- Replace icons with your own custom designs if you have a specific brand style.
- Update the descriptions to reflect unique features of your facilities, e.g., โOlympic-size pool with aqua aerobics classes.โ
- Add a new facility if neededโlike a juice bar or yoga studio.
- Use custom illustrations to stand out from stock icons.
- Consider making the icons interactiveโchanging colour when hovered over.
- Update the layout to create a more dynamic, non-traditional grid.
- Change the colour of the icons to match your brand colours.
- Add imagery behind the icons for more depthโfor example, a subtle photo of the facility.
- Consider highlighting the most popular facilities by adding a small label like โMost Popular.โ
- Use the WordPress block theme tutorial for guidance on making advanced changes.
Testimonial and achievement section: add trust and personality
Next is the testimonial section, featuring images of gym members sharing their experiences. There is also an achievement stat that boasts about the gymโs โ67 years of experienceโ, adding credibility.
- Images: These circular images create visual interest and break up the more angular designs from earlier sections.
- Content: Real customer testimonials are a powerful way to connect with visitors.
Customisation tips for the testimonial section:
- Use photos of actual gym members to give a genuine feel.
- Include videos instead of photos to make testimonials more engaging.
- Add a quote directly below the headline for an emotional hook.
- Make the testimonials clickable, leading to a detailed success story page.
- Feature multiple statisticsโlike the number of satisfied members or average class ratings.
- Replace images with icons for a stylised, illustrative approach.
- Add social proof, e.g., display ratings from Google or Trustpilot.
- Create a slideshow to feature multiple testimonials in limited space.
- Add a โJoin the successโ button below the testimonials.
- Update the background to add textureโa light image or coloured gradient.
Fitness classes section: invite them to take action
This section showcases various fitness classes with enticing images and brief descriptionsโlike Bootcamp, Boxing, and Body Burn. Each class includes a bold โ+โ sign, adding a feeling of abundance and energy.
Customisation tips for the fitness classes section:
- Update images to show your instructors in action.
- Change descriptions to highlight the benefitsโe.g., โBody Burn: Sculpt and shape your physique in just 45 minutesโ.
- Add links to class booking pages directly from this section.
- Use a vibrant hover effect to keep users engaged.
- Replace the โ+โ icon with one that represents your gymโs brand style.
- Include the class timings for easy access.
- Add a โRead moreโ button under each description for details.
- Introduce icons for each class for added visual clarity.
- Make classes filterable by typeโlike strength, cardio, or flexibility.
- Update the text to include testimonials from each class, adding trust.
Membership pricing section: make it easy to choose
The membership pricing section features three distinct cards for Basic, Pro, and Premium plans. Each card contains details and a clear CTA button.
Customisation tips for the pricing section:
- Rename the plans to reflect your brandโlike โStarterโ, โAthleteโ, and โChampionโ.
- Change the pricing colours to differentiate between plans more clearly.
- Add icons to highlight whatโs included with each plan.
- Use subtle animation to draw attention to your most popular plan.
- Include an โUnlimited Accessโ label for the highest-tier plan.
- Add a โSave x% when billed annuallyโ tag for promotions.
- Update the CTA button to reflect action-specific goalsโe.g., โTry Pro Plan for Freeโ.
- Add a benefits comparison below the cards.
- Consider including social proof, like โMost chosen by our membersโ.
- Use different imagery backgrounds to visually distinguish plans.
Footer section: wrap it up cleanly
The footer includes navigation links, a contact button, and a large โContactโ call-to-action to ensure visitors can easily get in touch.
Customisation tips for the footer section:
- Add links to your social media profiles with icons.
- Include an email signup form for newsletters.
- Highlight opening hours to help visitors plan their visits.
- Customise the CTA to be more directโe.g., โGet in touch for a free consultationโ.
- Consider adding a live chat button.
- Add a sitemap for improved SEO.
- Use icons for contact information to save space.
- Include a map for location-based context.
- Customise the colours to contrast effectively with the page.
- Update the footer messageโe.g., โProudly powered by MaxiBlocks & WordPress.โ
Who can use this template?
This WordPress homepage design is ideal for:
- Gyms and fitness centres: Perfect for showcasing classes, membership plans, and trainer profiles.
- Health coaches: Use it to feature client testimonials, available coaching packages, and personal stories.
- Yoga studios: Display different classes, teacher bios, and pricing in an attractive and easily navigable way.
- Wellness retreats: Showcase retreat packages, available activities, and testimonials to inspire confidence.
- Community fitness groups: Highlight different group classes, success stories, and community benefits.
This homepage template can be adapted for different purposes by updating images, class descriptions, and colour schemes. Whether youโre a WordPress website designer or a small business owner, this template is highly versatile and easy to adjust to your needs.
For more details about getting started, explore the WordPress templates and learn more about responsive WordPress design.