About

Components are the ready-made sections that make up a homepage, such as the main page of your site or the main page of an event or campaign. They can show media, text, banners, playlists, registration flows, interactive content, custom HTML, a single video, or a Conversational Agent.

You add and configure components in the components section of the Templatepages module.

Access component settings

1. Go to your Configuration Management console, locate the Templatepages module in the left panel, then select it. You can also navigate directly using a link: https://{your_site_url}/admin/config/tab/templatepages

The Templatepages page opens.



2. Select Edit next to an existing page, or select +Add TemplatePage to create a new one.

For more information about creating and publishing a page, see Templatepages module.



3. In the TemplatePage section, scroll down to the components section, and then select +Add "components".



4. In the type dropdown, select the component type you want, and then configure it as described in the articles listed in the following table.

Shared component settings

All component types share these fields, unless its article says otherwise:

• order - Enter a number for the component's position on the page. Lower numbers appear higher on the page. This field is required. We recommend leaving gaps between the numbers, such as 10, 20, and 30, so you can add components in between later.
• allowedGroups - Select the user groups that can see the component. Leave empty to show the component to all users.

Component types

The following component types are available. Each one is explained in the article listed next to it.

Component	What it does	Where to learn more
Text only	Shows centered text, with the text color and background you choose.	Add text, HTML, banners, and images to homepages in Content Hubs
HTML	Adds your own HTML, CSS, JavaScript, or iframe content.	Add text, HTML, banners, and images to homepages in Content Hubs
Single video	Shows one video, with optional header, title, and description text.	Add videos, playlists, and news images to homepages in Content Hubs
Single playlist	Shows a playlist or channel content in a carousel.	Add videos, playlists, and news images to homepages in Content Hubs
Two images side by side	Shows two images next to each other, each with an optional link.	Add text, HTML, banners, and images to homepages in Content Hubs
News images	Shows images and text in a carousel. Each item opens an article.	Add videos, playlists, and news images to homepages in Content Hubs
Registration	Shows a registration button that opens registration in a side panel.	Add registration and speakers to homepages in Content Hubs
Collection of channels	Shows your channel collections, with a link to your channel collection page.	Add a collection of channels to homepages in Content Hubs
Banner & CTA	Shows a banner with text, a background image, and a call-to-action button.	Add text, HTML, banners, and images to homepages in Content Hubs
Group of users	Highlights a group of people, such as speakers, with their bios and sessions.	Add registration and speakers to homepages in Content Hubs
Sessions	Shows scheduled sessions as interactive cards that users can add to their calendar and join.	Add a sessions agenda to homepages in Content Hubs
Agent (Genie)	Adds a Conversational Agent that answers users' questions.	Add a Conversational Agent to homepages in Content Hubs

Save your changes

After you configure your components, select Save at the bottom of the page. This saves your page and clears the site and module cache.