In this article, we will be going over on how to call a search module widget, on a homepage as Custom Homepage Content.


This is how the homepage looks before the edits:





First step would be removing the search module from the Homepage Image. To do this navigate to the Settings --> Design Settings --> Homepage Layout Tab --> Homepage Search Settings:





On Homepage Search Settings, select the Search Type as "Hide Search Module":





After saving, this will hide the search module on the homepage:





A call to action button or more wording can be replaced on the space left over after removing the Search Filter.  We will be adding a call to action button for this example.


Copy the HTML code down below:


<a title="Join" href="/join" class="btn btn-primary btn-block">Join Today</a>


Paste it on the Sub Title Text section (this can also be pasted on Main Title Text section):





Our button will appear:





Next would be calling preferred search filter widget on the homepage. To accomplish this, navigate to the preferred widget and copy its short code for future usage:





Navigate to Content --> Edit Web Pages --> Click "Edit" on Homepage:





On Edit view, paste the short code copied earlier to its WYSIWYG editor and Save:




Last thing to do would be to go to the Settings --> Design Settings --> Homepage Layout Tab --> Homepage Section Order



 


In Homepage Section Order, select Custom Homepage Content on preferred Section:





Our search widget is available now, below the homepage image: