Explore Page Layout Settings

Summary

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


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.
  1. Toggle on CTAs.
    image

  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

  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


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.
  1. Click Header to switch the toggle to On.
    image

  2. To change the title click No Overrides.
    image

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

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

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

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

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

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

  4. Click and drag the slider to shrink or expand the hero section.
    image

  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

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

  • Click and drag the image to move it
    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

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

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

  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

  4. Drag and drop the content assets into the desired order, or click the trash icon to remove a content asset.
    image

  5. Click Save Assets to save your changes.
    image


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

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

    Note
    Read this article for more information on Topic Carousels.
    image
  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

  4. Optional Step: Change the title of the “More Content” carousel.

    Note
    Read this article for more information on Topic Carousels.

    image

  5. Click Save Topic Carousels.
    image


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.
    image

    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.
    image

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

  3. If you select the Topic Filter you are able to customize which topics appear in this filter.

    • Click the Filter by Topic button.
      image

    • 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.
      image

      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.
image

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

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

  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.
    image

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 July 7, 2022

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