How to Add and Reuse Toggle Content?

 

Toggle content (or collapsible section) allows you to expand or collapse a particular section when a user clicks it, making it easy to view, read and navigate. Add it from the Knowledge Base page editor by typing a slash (/) or click the New button. 

 

In the ProProfs Knowledge Base editor, you can add toggle sections containing images, videos, pdf, links, code snippets, etc., for a better user experience. In addition, you can use the same toggle content on help pages of multiple sites, which is convenient while publishing the same content. E.g., the contact information of the parent company can be used as Toggle Content on its multiple product websites.

 

Note: Use unique toggle content on a page. You can not use the same toggle multiple times on the same page.

What Is Toggle Content?

 

Toggle content is a collapsible section on a help page. Readers click the heading to expand or collapse the content beneath it, without leaving the page. You can save it once and reuse it across pages and help sites.

 

Why Use It?

 

Toggle content keeps articles short while the full detail stays one click away.

  • Your article has a long list of questions and answers. Collapsed blocks let readers scan the page and open only what they need.
  • You repeat the same disclaimer in several articles. Save it once and insert it wherever you need it.
  • Only some readers need a section. Hide it behind a heading until they choose to open it.

 

Example Use Cases

 

  • A support agent adds a toggle for each troubleshooting question in a long how-to article.
  • A content manager saves a shared policy note as toggle content and inserts it across several articles.
  • A product marketer expands a pricing-details toggle by default so readers see it first.

 

Click to See Example

This is a sample. This is how toggle content will appear to the reader. Read on to find out how toggle content is enabled.

 

Step-by-Step Instructions

 

Method 1

 

Step 1: Open the page you want to edit in the Knowledge Base editor.

 

Step 2: Type / where you want the toggle content to appear.

 

 

Step 3: Select New Toggle Content from the menu & enter the heading in the toggle content block.

 

Step 4 : Enter the description under the heading & Click the Save icon.

 

 

Method 2

 

Step 1: Click +New > Toggle Content.

 

add toggle content

 

Step 2: Enter the toggle title, description, and body text. Customize the content from the toolbar. Click Save when done.

 

toggle_content_window

 

You will find the toggle content in the list from where you can further edit or delete it.

 

view_toggle_content

 

How to Insert a Toggle Content

 

Step 1: Open a page for editing where you want the Toggle Content to appear.

 

edit page

Step 2: Click Insert >Toggle Content.

 

insert toggle content

Step 3: Select the Toggle Tag from the list and click Insert.

 

 

Step 4: Place the Toggle Content anywhere you want on the page. You can also drag the Toggle Content and create multiple copies at different locations on the page. When you're done, save and publish the page.

 

save toggle contetn

 

This is how the toggle content appears on your page.

 

Toggle Content Preview

 

That is all about adding the toggle content to your page.

 

 

Was this information helpful?
© 2005 - 2026 ProProfs
add chat to your website