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

MaxiBlocks offers a wide array of WordPress homepage design templates to suit various industries, ranging from non-profits, corporate businesses, to consulting firms. In this post, we’ll walk you through how to customise a specific NGO homepage design template and give it your own unique twist. Whether you’re managing a non-profit website or a health services homepage, these instructions and tips will help you make the most of this block-based WordPress builder.

Header section: making a striking first impression

The header in this NGO homepage template features a bold headline, some engaging supporting text, and two or three call-to-action examples that draw users into your cause. The design uses a dark background that contrasts well with the bright buttons.

10 tips for customising the header:

1. Update the headline: Customise it to reflect your mission. For example, “Your donations matter” can be personalised to “Make a difference in [Your Cause].”
2. Subheadline with impact: Replace the placeholder text with a brief, emotive explanation of your NGO’s vision.
3. Actionable buttons: Instead of “Buy Help” or “Read More,” use phrases like “Get Involved” or “Support Us Today.”
4. Custom button colours: Align the button colour with your branding for better consistency. You can explore options in the MaxiBlocks Pattern Library.
5. Add animation to the buttons: A simple hover animation can make your call to action buttons more interactive. Learn more about animation options.
6. Add a logo: If you don’t have a logo yet, you can add one with the MaxiBlocks logo pattern.
7. Switch the background image: Choose a more relevant image that aligns with your charity’s mission. Perhaps a photo of a team in action.
8. Headline text style: Use the block pattern text tool to bold or italicise important parts of the headline for better emphasis.
9. 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.
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.
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 an 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. Insert a footer navigation menu.
5. Add a donation button: Include a simple donation CTA that remains visible across the entire site.
6. Link to important pages: Add links to about us pages or 404 page.
7. Use a map: If location is important, embed a map of your headquarters.
8. Include legal information: Don’t forget to link to privacy policy and terms of service.
9. 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: A wonderful fit for photographers to present their portfolio and contact details.
• 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.