Explore Page Layout Settings

Contents

Summary

Layout Settings allow you to configure the appearance and behavior of your Explore page using the following:

CTAs
Header
Hero section
Featured Content
Topic Carousel
Search Function
Filters
Advanced Customization

CTAs

Add CTA buttons to encourage your visitors to perform an action, such as requesting a demo, talking to sales, or accessing more information.

Note	CTA buttons will only be available if you have already created them in your PathFactory instance.

Toggle on CTAs.
CTA toggle
Select the location for your CTA.

Note
You can add multiple CTAs to a single Explore Page, but no more than one in each location.

Layout options
Select the CTA you want to use, and where you want it positioned. Click Update to save.

Note
If you add a Hero CTA, the Hero section must be toggled on in order for the CTA to appear.

CTA position

Add a header to your content track to have the Track’s title and description displayed on every content asset.
The header will be displayed on the Explore Page as well as on assets inside the content track.

Note	Change the styling of the header in Appearances. You are able to customize the header’s background color, logo, logo size, font, and text color.

Click Header to switch the toggle to On.
Header toggle
To change the title click No Overrides.
No overrides option
Type in the new header title. Click Save Header Override to save your changes.
Save button

Note

You can change the Header’s logo in Appearance settings.

Hero

The hero section appears at the top of your Explore Page, and can be used to display a title, description, and background image or color.

Note

Change the styling of the Hero section in Appearances. You are able to customize the Hero’s layout, background color, image, fill behavior, logos, fonts, and text colors.

Click Hero to switch the toggle On.
Hero toggle
If you want to display text in the Hero section, make sure Show Text is toggled On.
Show text toggle
Select the title and/or description text boxes to add or edit text. Remember to Save your changes.
Example of title and description
Click and drag the slider to shrink or expand the hero section.
Example of slider expansion
You can change the set Hero image by clicking No Image Overrides.

Note
The Hero image is tied to the appearance group, but you can override this image.

No image overrides option

Styling your Hero Section

You are able to set a default Hero image for each Appearance group you’ve created
The recommended Hero image width is 1600 px
Use the scale to change the size of the hero image (if this option doesn’t appear, you need to change your Explore Appearance settings from “Fill” to “Fixed”)
Scale an image
Click and drag the image to move it
Move an image
Click the Center Justified icon to re-center your Hero image (if this option doesn’t appear, you need to change your Explore Appearance settings from “Fill” to “Fixed”)
Center justified image

Click here for more information on styling your Explore Page

Featured Content

The Featured Content section allows you to select up to 3 specific content assets to display at the top of your Explore Page.

Note	Configure the font and colors of the Featured Content label in Appearances.

Click Featured Content to toggle On this function.
Featured content toggle
Click the box which says No Featured Content Selected.
Featured content field
Select up to 3 assets to feature.

Note
You are only able to select content assets which are in the Explore Page’s base Content Track.

Select content
Drag and drop the content assets into the desired order, or click the trash icon to remove a content asset.
Drag and drop assets
Click Save Assets to save your changes.
Save Assets button

Topic Carousel

If you selected topic carousel when setting up your appearance settings, you can configure which topics are used when you set up the rest of your layout settings.

Note	Configure the colors of the topic carousel arrows in Appearances.

Click Add Topic Carousel.
Add Topic Carousel field
Click Add a Topic and select topics from the drop-down menu.

Note
Read this article for more information on Topic Carousels.

Add a Topic field
Once you’ve selected the topics, drag and drop them to rearrange their order.
- Hover over a topic then click the trash icon to remove it.
  
  Remove topic
Optional Step: Change the title of the “More Content” carousel.

Note
Read this article for more information on Topic Carousels.

More Content carousel title
Click Save Topic Carousels.
Save Topic Carousels button

Search Function

Add the Search Function to help your visitors find exactly what they’re interested in.

Click Search Function to toggle On this function.
Search Function toggle

Note
Change the styling of the Search Bar in Appearances. You are able to customize the font, text color, and background color for both the search button and search bar.
- The Search Function searches content asset titles, not the contents or descriptions of content assets.
- The Search will only return content assets which are in the Explore Page’s base Content Track.

Filters

Adding filters helps your visitors narrow down the available content according to their interests. Content assets can be filtered by topic and/or content type.

Note	Change the styling of the Filters in Appearances. You are able to customize the font, text color, and background color.

Click Filters to switch the toggle to On.
Filters toggle
Select Topic, Content Type, or both of these filters.
Topic and Content Type filters
If you select the Topic Filter you are able to customize which topics appear in this filter.
- Click the Filter by Topic button.
  Filter by Topic dropdown menu
- Choose between All Topic Drop Down and Selected Topics Drop Down
- When selecting specific topics, use the garbage icon to remove topics from the filter, and drag and drop the topics to reorganize them.
  Reorder topics
  
  Note
  The numbers listed next to each topic represent the number of content assets in the given track which have that topic tag.
  These numbers appear for visitors when using the filter.

Advanced Customization

The Advanced Customization feature allows you to add scripts to the header, body, or footer of your Explore Page.

Example:
Use Advanced Customization to add your company’s website header to an Explore page, ensuring consistent branding.

Add your custom code to an Appearance group using the Advanced Customization button found under the Explore tab.
Advanced Customization button
Under your Explore page’s Layout Settings, click Advanced Customization to toggle On this function.
Advanced Customization toggle
The Advanced Customization you added will not appear in the authoring environment. To check your code you can preview the Explore page by clicking the eye icon in the top right.
Example of an explore page preview