Knowledge Base

Homepage

  • 75views
  • February 7, 2024

Homepage

A homepage is the default landing page of your website.

BizCentric Website Module generates a default landing page for your website. You can customize it in Homepage.

To access the Homepage page in BizCentric, go to:

Home > Website > Portal > Homepage

1. How to setup Home Page

  1. Select the Company.
  2. Set the Title. This will be shown in the Browser Tab.
  3. Configure the Hero Section as explained in the next section.

Make sure your default ‘Home Page’ is set as home in Website Settings for this to work.

2. Hero Section

There are three ways in which you can customize the way the Hero Section looks:

  1. Tag Line and Description (Default).
  2. Homepage Slideshow.
  3. Custom Hero Section.

2.1 Tag Line and Description

Once you’ve configured your Tag Line, Description, and Hero Image, your front page will have an appealing appearance. Additionally, you have the option to modify the URL for the Explore button located under “URL for All Products.”

2.2 Homepage Slideshow

Set the Hero Section Based On to Slideshow and the Homepage Slideshow field will appear.

Now, select an existing Slideshow or create a New one.

Note: For best results, make sure all of your slideshow images have same height and their width is greater than the height.

2.3 Custom Hero Section

The third variant of the Hero Section enables you to craft your own HTML content.

To implement this, set “Hero Section Based On” to “Hero Section.”

Subsequently, establish a new Hero Section. Set “Section Based On” as “Custom HTML” and insert your desired HTML content into the “Section HTML” field.

You can incorporate any valid Bootstrap 4 markup within this section.

You can also show featured products on your Homepage by adding them to the Products table.

4. Homepage Section

You can add custom sections on your Homepage by creating new Homepage Sections.

Go to Website > Portal > Homepage Section

A homepage section can be composed of cards or Custom HTML. Set “Section Based On” to “Cards.”

Fill in the details for each card, such as Title, Subtitle, Image, Content, and Route, within the Section Cards table.

You can also determine the sequence in which these sections are displayed by assigning a “Section Order.” The section with a “Section Order” of 0 will appear first, followed by 1, and so forth.

To add Sections with Custom HTML refer Custom Hero Section.

5. Custom Homepage

BizCentric allows you to have a completely different homepage if you don’t want to use the default one described above.

To setup a custom homepage:

  1. Create a Web Page.
  2. Go to Website > Setup > Website Settings.
  3. Set Home Page as the route of your Web Page.