How to customise and use a MaxiBlocks WordPress homepage design template: step-by-step guide

The MaxiBlocks WordPress homepage design template is a flexible and visually engaging starting point for a variety of different types of websites, including non-profit websites, consulting websites, and travel websites. Below, we’ll take you through each section of the template, provide instructions on how to customise it, and give you 10 tips per section to make the layout your own. Whether you are building an NGO homepage template or an agency homepage template, you’ll find ideas for each section here.

Header section: making a lasting first impression

The header of this homepage template features a bold headline like “Your help matters, no matter how big or small.” The headline is complemented by three impactful statistics that add credibility, followed by a call-to-action button.

10 tips for customising the header section:

1. Rewrite the headline: Customise it to reflect your mission or message. Customise it to directly speak to your audience, e.g., “Together, we can protect our planet”.
2. Add more call to action examples: such as “Join us” or “Get involved” to encourage visitors to take part.
3. Replace the background image: with an impactful photo related to your cause. Use website images that evoke emotions or visually showcase your mission.
4. Use animated number counter: blocks to make your statistics more dynamic and visually appealing.
5. Customise button colours: to align with your branding for better consistency. You can explore options in the MaxiBlocks Pattern Library.
6. Add animation to the buttons: A simple hover animation can make your call to action buttons more interactive. Learn more about animation options.
7. Add a logo: If you don’t have a logo yet, you can add one with the MaxiBlocks logo pattern.
8. Switch the background image: Choose a more relevant image that aligns with your charity’s mission. Perhaps a photo of a team in action.
9. Headline text style: Use the block pattern text tool to bold or italicise important parts of the headline for better emphasis.
10. Update the icons: Explore WordPress icons for adding visuals that match your message.

Trusted by section: build credibility

This section showcases partner or sponsor logos that build credibility for your organisation. Logos can be placeholders, but adding real logos will give your site trustworthiness.

10 tips for customising the trusted by section:

1. Replace placeholder logos: with your actual partners or sponsors. Use the MaxiBlocks logo pattern.
2. Add tooltips to logos: Provide more context about the relationship with each partner by adding tooltips.
3. Optimise for mobile: Make sure logos scale down properly for a mobile view. Use responsive WordPress design principles.
4. Change the layout: Instead of a single line, consider a logo slider pattern to display multiple sponsors. Explore slider patterns here.
5. Hyperlink logos: If relevant, link the logos to the partner websites.
6. Switch to greyscale logos: This gives a sleek, professional look, and colour logos can appear on hover.
7. Use an icon instead of text: Replace the “Trusted by” text with an icon, making it more visual.
8. Test your logos: Ensure that the logos aren’t pixelated or blurry by uploading high-resolution images.
9. Add animation: Logos can subtly fade in as users scroll, keeping the design dynamic.
10. Highlight major sponsors: Create a larger section for key partners who contribute significantly.

Main content: highlight your mission

This area features text blocks, images, and calls to action designed to highlight your mission. The template includes images of volunteers and charity work, along with inspiring text.

10 tips for customising the main content:

1. Replace stock images: Use real images from your projects. Learn how to optimise website images.
2. Write custom text: Tailor the copy to explain your NGO’s mission and impact. Use block patterns blog hero for a better visual layout.
3. Include a testimonials block: Real testimonials from beneficiaries or partners create authenticity. View testimonial designs here.
4. Customise the call-to-action (CTA): Add specific CTAs for volunteering, donating, or subscribing.
5. Incorporate a pricing table: If you offer services like workshops or training, include a pricing table to show what people can expect to pay.
6. Add a video block: Highlight your NGO’s story through a video. Explore content patterns to add videos seamlessly.
7. Use an email subscribe form: Invite people to subscribe to newsletters with a simple email subscribe form, linked to your CRM.
8. Incorporate WooCommerce: Sell merchandise or event tickets directly through WooCommerce if relevant.
9. Add an accordion block: If you have lots of information, like an FAQ section, use an accordion block for better organisation.
10. Incorporate statistics: Use animated number counters to showcase success metrics dynamically.

Team section: highlight your heroes

The team section includes images of key members of your organisation, with names and titles below.

10 tips for customising the team section:

1. Upload real team photos: Replace placeholders with high-quality team photos.
2. Add hover effects: On hover, show more information about each member.
3. Include bios: Use a WordPress accordion to reveal a bio when clicked.
4. Add contact icons: Link their LinkedIn or email directly under their name.
5. Switch to a grid layout: Instead of circular images, try a clean grid pattern.
6. Include testimonials from each team member: Adding personal statements creates connection.
7. Add an introduction video: Let your team members introduce themselves through a short video.
8. Use website team icons: Add icons representing different roles like volunteers, donors, etc.
9. Link to personal social media: Include social media buttons next to each person’s image.
10. Showcase volunteers: Highlight long-term volunteers alongside staff for added community focus.

Footer: wrapping up your message

The footer contains your organisation’s contact details, links to social media, and any final CTAs.

10 tips for customising the footer:

1. Add social proof: Include icons for partners or sponsors.
2. Incorporate a secondary CTA: For example, a subscribe to newsletter section.
3. Use icons: Add WordPress icons to make navigation easier.
4. Switch the background colour: Customise the background to suit your overall theme.
5. Insert a footer navigation menu.
6. Add a donation button: Include a simple donation CTA that remains visible across the entire site.
7. Link to important pages: Add links to about us pages or 404 page.
8. Use a map: If location is important, embed a map of your headquarters.
9. Include legal information: Don’t forget to link to privacy policy and terms of service.
10. Add a testimonial block: Include a short testimonial or review to add credibility.

What types of websites can use a WordPress homepage?

This WordPress homepage design template is incredibly versatile and can be adapted to suit different industries. Here are some common examples:

• Non-profit websites: Showcase your cause, volunteers, and events.
• Health websites: Great for clinics, hospitals, or medical charities.
• Corporate websites: Ideal for showcasing services, case studies, and client testimonials.
• Food and restaurant websites: Highlight menus, specials, and testimonials from happy diners.
• Fitness websites: Perfect for gyms and personal trainers to showcase fitness programs.
• Photography websites: Use this layout to present your portfolio in style.
• Event websites: Perfect for event planners showcasing previous events, testimonials, and services.
• Consulting websites: Ideal for consultants who want to feature their expertise, team, and client testimonials.

Explore more homepage design templates.

By customising each section of this MaxiBlocks WordPress homepage template, you can create a personalised website that speaks directly to your audience and your mission. Whether it’s for a charity, fitness studio, or photography business, these tips will help you make the most of this flexible template. Start customising today with MaxiBlocks.