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.
Prepare the configuration file
  1. In the __configuration folder, create a folder called portal_configuration.
  2. 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.

  3. 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
  1. In the Content Library double-click the sitemap that you want to modify to open it in the Content Editor.
  2. Drag and drop the config.json file onto the SITEMETA element.
    The config.json file is added as a DATA element.
    sitemeta element
  3. In the left pane, hover over config.json and click the Edit element properties icon.
    Figure 1. Edit Element Properties Icon
    Layer 1
  4. In the pane that appears, in the name field, enter config
  5. 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 Links to Social Media Accounts

You can add links to social media accounts to your portal by modifying the config.json file associated with your main sitemap. This procedure doesn't require any specialized skills and can be done by any user with the right permissions.

Ensure you have the permissions to edit the main config.json file associated with your main portal sitemap.

  1. In the master branch, navigate to the main config.json file associated with your main portal sitemap.
  2. Right-click the config.json file and select Edit Source.
  3. In the Source Editor, scroll to the footer section and set up the links section like this:
    JSON 
    "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"
            }
        ]

    The links list includes:

    1. Company website

    2. LinkedIn

    3. Facebook

    4. X (formerly Twitter)

  4. Replace placeholder values in href and text parameters as needed.
  5. Save your changes.
  6. Validate your .json file.

    This syntax is very specific and won't validate if, for example, spaces are missing, or you have an extra comma. One option for validating the file is at https://jsonlint.com/.

Links to social media accounts are available under the Share button in the top-right corner of the a portal page. For example:
List of share links and icons

Be sure to push the config.json file from the master branch to your staging and production branches. Publish the changes.