• Home
• ››Create

A Comprehensive Overview of Home Page Builder in ProProfs Knowledge Base

 

The new Home Page Builder in ProProfs Knowledge Base empowers users to design their knowledge base homepage with ease. This guide will walk you through its features, customization options, and how to use it effectively.

 

The benefits of using the new home page builder:

• Highly Customizable: Create a unique homepage by choosing from six categories and customize everything from text styling to buttons and search bars.
• Intuitive Drag-and-Drop: Effortlessly rearrange sections on your homepage using a user-friendly drag-and-drop interface.

Building your KB Site Homepage:

 

Getting Started:

 

You must create a site from scratch to access the new home page builder.

 

• In your ProProfs Knowledge Base account, go to Sites > Create New

 

 

• Select New Site in the overlay

 

 

• Click Create to start from scratch. Enter the site name and URL in the following overlay.

 

 

• Once done, you will land on the following screen. Click Edit Home to access the builder.

 

 

Here’s what the builder will look like:

 

 

Guide to Home Page Builder:

 

1. Hero section

2. Add Sections

• Text Block
• Text Columns
• HTML Block
• Image & Text
• Knowledge Base Categories
• Widgets

3. Drag & drop functionality

4. Footer

5. Preview & Publish

 

1. Design the Hero Section

 

• Start with the logo. Navigate to the highlighted icon in the top right and upload your logo.

 

 

• Add menu items to your header to help users navigate easily. You can customize these items by adding a URL, making it a button, and adding a background.

 

 

• Change the background of the header by clicking the icon. You can add color or image to the background.

 

 

• Edit the heading and subheading of the Home page. Enhance the text using different customization options, such as font size, alignment, and text styling.

 

 

• Show or hide the search bar from the banner. You can choose a search bar style from the available templates to match your preferences if you enable it. Click Customize Search Bar to access the following customization settings:

 

1. Placeholder Text

2. Search Bar Width

3. Rounded Corner

4. Background Color

5. Border Color

6. Text Color

7. Button Color

8. Icon Color

 

 

• Use the quick settings in the sidebar, which appear on hover, to make adjustments. From here, you can add a button and customize it. Also, you can change the background. Add a color or an image, or choose a banner image from our library.

 

 

2. Add Sections

 

• Click Add Section to open a menu and add your desired category.

 

 

Here is a brief explanation of the six categories:

• Text: Add plain text to your homepage. Perfect for headers, descriptions, or announcements.

• Text Columns: Display cards in columns for a structured look.

• HTML: Insert custom HTML code for advanced design and integration.

• Image & Text: Combine images and text for visually appealing content.

• Widgets: Add widgets for additional functionality and dynamic content.

• Knowledgebase Categories: Showcase your knowledge base categories prominently.

 

Editing the text block

 

• Add section title and its description. Customize its look and feel. Add background.

 

 

Editing the Text Columns Section

 

• Add a section title and use cards to provide an intuitive user experience. Customize the cards individually with unique icons, card titles, and descriptions. Change the card’s background individually or apply a common background to your section.

 

 

Adding HTML Block

 

• Use this section to embed custom HTML code into your home page and enhance the webpage.

 

 

Image & Text

 

Display a combination of image and text to add a visual appeal to your section.

• Show/hide section title and description.

• Upload an image from local storage or via a URL.

• Modify the background of the section.

 

 

Knowledgebase Categories

 

• Add this section to display the folders added to the Table of Contents on your site as cards for quick navigation.

• Customize the look and feel of the card using the various customization settings.

 

 

Widgets

 

• Showcase your knowledge articles category-wise to keep users up-to-date with the latest happenings.

 

 

3. Drag-and-Drop Functionality:

 

• To reorder sections, drag and drop them to your desired position.

• Instantly see how your changes affect the layout and design.

 

 

4. Customize Footer

 

Quickly add your logo, add and manage lists, provide links, and add social media icons to your footer. Modify the background as well.

 

 

5. Preview and Publish

 

• Preview your customized homepage to ensure it meets your expectations.

• Save and publish your changes to make them live on your knowledge base.

 

 

Need more help?
Contact us via live chat at the bottom right of this page or email us at support@proprofs.com.

---