Customize the Heretto Portal Settings

You can add a custom logo, footer, title, and more by overwriting the default Heretto Portal settings.

Prepare your sitemap for portal customizations.

Note:

Your Content Library may contain multiple sitemaps associated with different portal instances such as production (public) or staging (internal) instances. We recommend keeping the sitemaps associated with production (public) Heretto Portal instances on distinct branches different than the default “master” branch.

Any configuration, style, behavior, or content changes that you make to the sitemaps associated with your Heretto Portal instances are instantaneous.

Prepare the configuration file.

In the __configuration folder, create a folder called portal_configuration.
Upload the config.json, scripts.js, or CSS file into the __configuration/portal_configuration folder in the Content Library.

Important:
Do not upload empty files into Heretto CCMS.
Right-click on config.json file and click the Edit Source button to open the file in the Source Editor.
For more information, see Heretto Portal Configuration Reference.

Add the configuration file to your sitemap.

In the Content Library double-click the sitemap that you want to modify to open it in the Content Editor.
Drag and drop the config.json file onto the SITEMETA element.
The config.json file is added as a DATA element.
In the left pane, hover over config.json and click the Edit element properties icon.

Figure 1. Edit Element Properties Icon
In the pane that appears, in the name field, enter config
If needed, clear the scope field by clicking the corresponding trash icon.

Verify the configuration changes by opening your portal in a web browser.

Add Social Media Targets

Heretto CCMS lets you create visibility for your social media accounts and easily extend your reach there.

The config.json files give you the ability to add social sharing links to your portal so visitors can share pages to their social accounts.

The example below illustrates how to add your own social media links and icons to the site footer by using footer and links in the configuration. The same applies if you want to add social media links to your site’s header by using the header and links configuration.

The links list includes:

Company website
LinkedIn
Facebook
X (formerly Twitter)
Reddit

"footer": {
        "links": [
            {
                "target": "_blank",
                "href": "https://www.MY_COMPANY_NAME.com/",
                "style": { flex: 1},
                "text": "www.MY_COMPANY_NAME.com"
            },
            {
                "className": "social-icons",
                "href": "https://www.linkedin.com/company/MY_COMPANY_NAME",
                "text": "i"
            },
            {
                "className": "social-icons",
                "href": "https://www.facebook.com/MY_COMPANY_NAME/",
                "text": "f"
            },
            {
                "className": "social-icons",
                "href": "https://x.com/MY_COMPANY_NAME",
                "text": "t"
            }
        ]
    },
    "header":{
        "links": [
            //...same as above 
        ]
    }

The configuration above results in share-links and icons such as:

Gretyl's Portal

Heretto Help

Customize the Heretto Portal Settings

Add Social Media Targets

Footer Section

Our Support Team is here to help

Gretyl's Portal

Heretto Help

Customize the Heretto Portal Settings

Add Social Media Targets

Configuring Social Media Buttons

Footer Section

Our Support Team is here to help