Explore Page Layout Settings

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. Read more at Use CTA Buttons.
  1. Toggle on CTAs.

    image
    CTA toggle
  2. 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.
    image
    Layout options
  3. 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.
    image
    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. Read more in Explore Appearances.
  1. Click Header to switch the toggle to On.

    image
    Header toggle
  2. To change the title click No Overrides.

    image
    No overrides option
  3. Type in the new header title. Click Save Header Override to save your changes.

    image
    Save button
Note
You can change the Header’s logo in Appearance settings.

image
Example of a Header logo

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.

image
Example of a hero image
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.
  1. Click Hero to switch the toggle On.

    image
    Hero toggle
  2. If you want to display text in the Hero section, make sure Show Text is toggled On.

    image
    Show text toggle
  3. Select the title and/or description text boxes to add or edit text. Remember to Save your changes.

    image
    Example of title and description
  4. Click and drag the slider to shrink or expand the hero section.

    image
    Example of slider expansion
  5. 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.
    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”)

    image
    Scale an image
  • Click and drag the image to move it

    image
    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”)

    image
    Center justified image

Click here for more information on styling your Explore Page.


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.
  1. Click Featured Content to toggle On this function.

    image
    Featured content toggle
  2. Click the box which says No Featured Content Selected.

    Featured content field
    Featured content field
  3. 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.
    image
    Select content
  4. Drag and drop the content assets into the desired order, or click the trash icon to remove a content asset.

    image
    Drag and drop assets
  5. Click Save Assets to save your changes.

    image
    Save Assets button

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.
  1. Click Add Topic Carousel.

    image
    Add Topic Carousel field
  2. Click Add a Topic and select topics from the drop-down menu.
    Note
    Read this article for more information on Topic Carousels.

    image
    Add a Topic field
  3. 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.
      image
      Remove topic
  4. Optional Step: Change the title of the “More Content” carousel.
    Note
    Read this article for more information on Topic Carousels.
    image
    More Content carousel title
  5. Click Save Topic Carousels.

    image
    Save Topic Carousels button

Search Function

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

  1. Click Search Function to toggle On this function.
    Search Function toggle
    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.
  1. Click Filters to switch the toggle to On.

    Filters toggle
    Filters toggle
  2. Select Topic, Content Type, or both of these filters.

    Topic and Content Type filters
    Topic and Content Type filters
  3. 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
      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
      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 of a customized explore page
Example of a customized explore page

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

  1. Add your custom code to an Appearance group using the Advanced Customization button found under the Explore tab.

    Advanced Customization button
    Advanced Customization button
  2. Under your Explore page’s Layout Settings, click Advanced Customization to toggle On this function.

    Advanced Customization toggle
    Advanced Customization toggle
  3. 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
    Example of an explore page preview
Note
Unlike External Code, Advanced Customization is part of your appearance templates, and must be configured there.

You’re in the home stretch! Just a couple small configurations left, then you’ll be good to go; click through to the next article to continue.

Updated on June 26, 2023

Was this article helpful?

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
CONTACT SUPPORT