Charity Hubspot Theme

Charity is a free HubSpot theme for all the charitable trusts and organizations serving people selflessly. Using this HubSpot theme, you can easily create a high-speed, responsive, and cleanly designed website to raise awareness online. Its major features include:   

1. 27 Drag and drop modules and 16 reusable sections
2. DIY theme settings with no coding requirements  
3. 11 Ready to use templates & 7 System pages   
4. Multi-Language support 
5. Lightweight theme with a mobile-first approach 

Note: We provide free personalized 15m LIVE theme setup and support for our Charity HubSpot theme. Also, please let us know if any modules are missing. We would be happy to assist you. Please do not hesitate to contact us. Schedule a No-Cost Meeting Using the HubSpot CMS, You can leverage all Charity theme assets to build a visually appealing website for your non-profit organization. Let’s get this party going.

1. Modules: The Charity theme has 27 modules. The modules are interchangeable objects adding functionality to your website pages. They can be dragged and dropped anywhere on the page and edited according to your needs.
2. Templates: There are 11 templates and 7 system pages in the Charity theme that you can use as sample layouts. You can replace images, logos and edit the content on these templates for your website.

Global Theme Settings: Global settings on your website pages alter all the assets on your website. For example, if you make changes in any global module, those changes will be reflected in every page using that module.

Follow these steps to create pages in the Charity HubSpot theme:

• Log in to your HubSpot account > Go to Marketing > Website > Website Pages

• Locate and press Create button on the top right corner > Select one from the Website Page, Landing Page, or blog.

• Give a name to the page > Select Charity theme > Choose & Select a template from the dropdown

• Add or remove modules, meta descriptions, and other details before publishing the page. A page title is mandatory for publishing any page.

Edit global styles to keep uniformity across pages on your website. To edit global styles, follow these steps:

• From Edit Page Panel on the left side of the screen. Add, Contents, and Design options are available.

• Go to Design > Click ‘Edit Theme Settings’. This will take you to theme settings.
• You can now change the global colors, spacing, website header,  buttons, fonts, website footer, global fonts, typography, tables, blog settings, and system pages. 

In the Charity theme, there are 2 global modules:

1. Website Header
2. Website Footer 

You can edit global modules after creating a page. From the left panel go to Content. Website Header with navigation module and Footer at the bottom are global modules ready for editing.

• From the Page Editor > Go to Content > Go to Header with navigation
• A Pop up will appear > Click Open in the global content editor
• Change the header according to your requirements > Publish the changes.  

• From the Page Editor > Go to Content > Go to Footer
• A Pop up will appear > Click Open in the global content editor
• Change the header according to your requirements > Publish the changes.

Note: Publishing any change in the website header and footer will change all your website assets.

You can finalize the look and feel of your web pages by changing blog templates. To do so:

• Go to settings from your HubSpot account > locate and go to Website option from the left panel > Select Blog 

• Select Template > Hit the edit page option to continue editing if you want to change the blog page settings. 

In order to change system templates on your website,   

• Go to settings from your HubSpot account> locate and go to Website option on the left panel > Go to Pages > Select System Pages

• Choose the Charity system page type from the dropdown > Save the changes > System templates will be applied on your website. 

You can set the templates for:

1. 404 Error Page
2. 500 Error Page
3. Password Prompt Page
4. Search Result Page  

To edit the theme settings:

• From Marketing > Website > Website Pages > Choose a page to edit or create one
• Go to Edit Page Panel on the left > Design > Edit Theme Settings

You have the following alternatives to choose from, each of which allows you to make a series of adjustments.

You can edit the Global Colors, Global Fonts, and typography. Press Apply Changes after editing these.

You can change the header, footer, spacing, corners, buttons, tables, image performance, and forms. Press Apply Changes after editing these.

You can edit the sidebar of the blog post under the blog setting. Press Apply Changes after editing these.

You can edit the Error 404, Error 500, Password Prompt, Reset Password Request, and Email Unsubscribe under the system page setting. Press Apply Changes after editing these.

The Charity theme has 16 re-usable sections. For applying re-usable sections:

• Hover over any of the sections > Click the plus icon> Choose from the list of reusable sections > Publish changes. 

You can modify the background color, heading, border, shadow, show and hide FAQs or vast sections of text, adjust their height for mobile, tablet, and desktop appearances using the accordion module. 

Here you have the banner layout choice, banner content, banner image, banner breadcrumb choice, Enable reverse order (mobile), Background overlay, Banner content alignment, Banner inner spacing, and content color.  

Enable the benefactor module to display your non-profit organization’s most valuable and revered benefactors. You can change the module’s layout to three or four columns in a single row, change the content, and change the design, among other things. It’s a beautiful module for showcasing your sponsors and patrons.

You can display a list of blogs on the page using the blog index module. You can arrange the blogs in an index. You can also edit the styles of the image and content card.

For editing blog listing details, Go to Settings > Website > Blog > Select Charity Theme in Current View > Template > Set the number of posts per listing page > Save

Using the button module, you can place a button module anywhere on the page. Other settings are:

set the border radius, enable/disable box-shadow, alter the font color, and more to adjust the look of this button, enable a primary and secondary button and customize its text and add URLs.

The card module allows you to showcase cards on your website page. You can add multiple cards and adjust settings. For e.g. enable/disable the icon, enable/disable box-shadow,etc.

Using the client module, you can display your partners or brands you have helped/ collaborated with through your charitable organization.

You can use it to display numbers like the amount you’ve raised for a cause. The Counter module adds a multi-column section to your web page. You can edit the icon image, counter text display condition, and counter spacing. 

If you want to collect donations from your website to support your cause, you need the donation module. Select the module and alter settings, i.e. amount label, title, and donation button. You can add multiple fixed amount options. 

Note: To get the hidden amount property for collecting donations from this form, contact our support team and we will add this functionality for you.

The feature listing module displays the amazing stories or featured sections of your charitable trust website. You can choose the layouts and add multiple cards. Additionally, you can add images, enable grayscale images, adjust progress, and edit card corners.  

The footer copyright module allows you to display your copyright text on the bottom of the page along with terms and conditions, and privacy policy page links.   

You can select any form from the list of existing forms or create a new multiple field form too along with layouts and Recaptcha. You can include forms on the page using the form module.

Header control module enables adding search, language switcher, button links, button type, button style, button text, select display mode, and placeholder text on the website header. 

Header toggler does not have any editable option in the content part. You can style the module by changing the icon color and spacing.

You can insert icon boxes on your website pages. Under the icon box, you have options to edit the icon box layout, column count, image selection, and icon box spacing.

Add images anywhere on the page using the image module. You can edit the image size, set alt text, image loading, image alignment, and image border-radius. 

The logo is a very crucial aspect of your educational website. You can enable the custom logo under the logo module.

Use the map module to display your location on the map for the visitors. Under the map module, you can edit the map API, pointer detail, map JSON, map zoom level center latitude and longitude, enable overwriting corners and height. 

Add a menu bar on your webpage using the menu module. Select a menu from the existing option or create a new one. You can also decide the maximum levels that can be expanded from the tree menu. Other options include adding texts, background, border, etc. 

The progress bar module shows the progress on a particular process or donation in your case.

The social follow module allows you to add your social media links along with an icon, icon color, size, background, corner spacing, and alignment.

Just as the name suggests, the spacer module allows adding spaces on the web pages. You can set the background color, height for desktop, mobile, and tablet respectively.  

For displaying multiple testimonials on your landing page, you can use the testimonial module. You have the testimonial layout choice, option to hide/show social icons, enable/disable slider dots, navigation, and change navigation icon.   

The title content module allows adding content anywhere on your website page. You can add content to different titles on your web pages.

The video popup module is for adding a video to your landing page or website page. You can edit the video icon or image, add a video link, enable/disable overlay, and corners.  

There are 11 templates in the Charity HubSpot Theme.

There are 7 system pages in the Charity HubSpot theme.