Adding Custom Content to the Homepage Hero Section
To learn how to call a custom search module widget on a homepage as Custom Homepage Content, follow these steps:
1. Remove the search module or select the option to add a Hero Message with button Links:
- To remove the search module navigate to the Settings >> Design Settings >> Homepage Tab >> Search Box / Call to Action:
On Homepage Search Box Call to Action, select the Call to Action as "Hide Search Module / Call to Action":
- To learn how to add the Hero Message with links, refer to this article Hero Message with Links - Up to Three Buttons on Homepage
This example shows what a homepage looks like when using the Display Buttons Links option:
2. Call the preferred search filter widget on the homepage.
- Search the preferred widget by navigating to Toolbox - Widget Manager and copy its short code for future usage:
- Navigate to My Content >> Web Page Builder >> Click "Edit" on Homepage:
- Paste the shortcode copied earlier to the Page Content and Save:
3. Add the custom search module to the Homepage:
-Navigate to Settings >> Design Settings >> Homepage Tab >> Enable Additional Sections >> Select Content to Display
- In Select Content to Display, select Custom Homepage Content on a preferred Section:
This is an example of what the homepage looks like with the custom search widget and the links:
How to Add Custom Content Above or Below the Hero Section:
We created these two empty widgets into the homepage hero code:
- Bootstrap Theme - Homepage Search - Extra Content Above
- Bootstrap Theme - Homepage Search - Extra Content Below
These widgets allow users to easily add content directly above and below homepage search modules without customizing other important widgets:
Once the custom content is saved into the widget:
The content will display in the corresponding placements in the hero section:
