Introduction to My Site

In this article:

• What is My Site?
• Using Sections, Tiles, and Components
• Managing Content in My Site

What is My Site?

My Site is the page building experience within the CMS, or backend, of your Experience Portal. Here, you can add text and media to pages, organize your page using sections, preview your live site, set page visibility and status, and more.

The My Site Tool Bar

To get started, review the tool bar located at the top of the page:

1. Add panel – Houses sections, basic components, and media components
2. Preview button – Opens a new tab to view the live site
3. Breakpoint views – Shows how the site will display at desktop, tablet, and mobile sizes
4. Enhance – Zooms in on the current screen
5. Page status – Shows if a page is published, scheduled, or in draft mode
6. Save button – Saves your work (no autosave)
7. Preview/Edit – Toggling shows a preview of what users will see or the page editing capabilities. This needs to be toggled to Edit to make changes to a page. 
8. Settings – Here you can important elements of your site like theming and SSO. You can also manage user groups here.
9. Profile – Displays information related to your site profile 

Page Settings and Structure

Below the tool bar, you’ll see a few options for managing the page: a Settings icon next to the page name on the left and a hamburger icon on the right. 

Settings will open the page settings menu. Here, you can adjust all page details including name, URL, page status, visibility, and SEO. You can also assign the page to be a homepage and enable anchor links. Click Save changes when finished.

 On the right side, you’ll see a hamburger menu which houses the page structure. In this dropdown, sections can be moved easily by dragging and dropping them into place. Changes will be automatically applied. Section names can be adjusted in the section property window.

Caution: To avoid losing work, click Save after all changes and before navigating to another part of your site.

Using Sections, Tiles, and Components

Sections and tiles are the building blocks of content pages. They hold components, which contain the text and media you’ll use to populate your Experience Portal.

To begin adding content to a page in My Site, first check that the page is set to Edit by toggling the Preview control in the upper right corner. 

When the editing function is enabled, you'll see a dotted drag-and-drop area in the center of the screen. Click + Add component and the Add panel - which houses sections, basic components, and media components - opens on the left. Items can be added to the page by dragging and dropping. The Add panel can be opened anytime by clicking on the plus icon in the upper left.

Sections

Sections serve as the containers for all content added to a page. They can be added by dragging and dropping from the Add panel or by clicking the + Add icons between sections. 

The default section is a single column, but sections also come in two-, three-, and four-columns. Multi-column sections can be added by clicking on the + Add panel > Sections or by opening the Section property window and selecting Section type.

Sections can be customized by being clicked on and selecting the Edit button. This will open the Section property window. Any changes made will be automatically applied.

Tiles

The individual columns within a section contain tiles. Each tile can hold unique content and be managed independently. Sections are available with up to four tiles each and a variety of tile layouts. Tile layouts are determined by the number of columns in the section. Tile layouts and properties can be managed at the bottom of the Section property window.

To adjust the layout, fill, alignment, spacing, or radius of a tile, select the section it resides in and click the Edit button. The Section property window will open on the right. Scroll down to Tile layout and Manage tiles. Any changes made will be automatically applied. 

Components

Components sit within tiles and house the text, media, and design elements found on a content page. They can be separated into two types: Basic and Media. Both component groups can be accessed by selecting the plus icon in the upper left corner or selecting +Add component within sections. Components can be added to sections and tiles by dragging and dropping. 

Here’s an overview of all components in your Experience Portal along with how they can be used to store and organize site content. 

Basic Components

Media Components

Managing Content in My Site

Once you drag and drop a component into a section, clicking on it will reveal several management options. 

Caution: To avoid losing work, click Save after all changes and before navigating to another part of your site.

Moving

You can easily reorder sections and components by selecting them on the page and using the four-way arrow to move them.

Quickly reorganize entire sections by clicking on the hamburger menu in the upper right corner of the page and opening the Page Structure menu. Drag and drop sections within the menu to rearrange them on the page. Sections can be named in the Section property window.

Editing

To customize a section or component you’ve added, click the item and select Edit from the menu that appears. The item’s property window will open on the right.

To make changes to text formatting in the Text component, click Edit and highlight the text you want to change.

Deleting

Sections and components can be deleted from a page layout by clicking on the item and selecting Delete from the menu that appears.

Caution: Deleting content in My Site is irreversible.

Duplicating

Components and sections can be duplicated by selecting and clicking the duplicate icon in the menu that appears. This will create an exact copy of all content and formatting elements directly below the original.  

Tip: To avoid making irreversible changes to existing or published content, we recommend duplicating pages ahead of content edits. This creates a  Pages can be duplicated in the Pages section of your CMS. 

Using Anchor Links

Anchor links allow you to add a secondary navigation to any page. This can help users navigate long, content-dense pages and reduce scrolling by allowing them to quickly jump to relevant information using links on the left side of the screen. Anchor links can also be shared to direct users to specific sections of content. 

Anchor links are managed per page. To show anchor links on a particular page, they must be enabled in both page settings and added to individual sections. 

Enable anchor links on an existing page in the Page Settings dropdown within My Site. Click the cog icon in the upper left corner of the desired page and toggle on Show anchor links. 

Note: Anchor links can also be enabled within an existing page's settings or when creating a new page in the Pages section of the CMS.

Once enabled for the page, anchor links can be added to any section you choose. To add anchor links to a section, select the section, click Edit, and toggle on Make anchor link in the properties window. Anchor link text can be managed by modifying the Section name in the same window. 

Note: Some anchor link functionality, like copying anchor link URLs, is only available on the live site. To see how anchor links will work without publishing a draft page, select Save and click the Preview icon in the tool bar.

Anchor links will populate on the left side of the screen. To customize the spacing, typography, and container, select the anchor link area and click Edit. Changes made in the window that appears will only apply to the current page.