Each Higher Logic community has its own dedicated Home page. By adding the Community-specific HTML widget to a community's Home Page, Super (and optionally Community) Admins can add custom code (HTML, CSS, and/or JavaScript) to enhance a community with advertisements, embedded iframes (for videos, podcasts, calendars, feeds), or other specific elements.

NOTE: The Community-specific HTML widget is a default widget to all community Home Pages, but if it has been removed, you will need to add it back to the page using Page Designer in order to follow the process outlined in this article. You will learn how to do this later in this article.

Example

Watch the video

TIP: Check out the Higher Logic Academy Paths page for product- and role-specific videos!

Add custom HTML content

Let's take a look at how to add this custom HTML content to a community Home Page.

1. Navigate to the community where you want to add custom HTML content.
2. Click Settings > Additional HTML Content.

NOTE: If this option is not available in the community's Settings menu, you must first add the Community-specific HTML widget to the community page using Page Designer. Refer to the How to add the Community-specific HTML widget section below to learn how.

2. In the resulting WYSIWYG editor, you can:

1. Use the standard options in the editor toolbar to add and format text, insert images, etc.
2. Click the HTML button to access the source code editor, which you can use to write or copy/paste HTML.

3. When finished, click Save to close the editor and apply your changes.

How to add the Community-specific HTML widget

If you're not able to follow the process above to add custom HTML content to your community, it's because the Community-specific HTML widget is not added to the community's page. Let's walk through how to add it now.

1. Navigate to the community in question.
2. In the Admin Toolbar, click Edit Page to edit the page in Page Designer.
3. On the Build tab, in the Widget section, type in the search bar, "community-specific HTML" to locate the widget.
4. Drag and drop the widget onto the canvas where you want the HTML content to display on the community page.
5. Click Publish to apply this change and view the community Home Page on the front end.

Now, when you click the community's Settings menu, you will see the Additional HTML Content option.