Embedding Content in the WYSIWYG Text Editor

The WYSIWYG editor allows for certain pieces of content from across your site to be embedded within others. For example, if there is a certain agency contact who handles the content covered on a Topic Page, you may want to embed that person’s contact information onto the Topic Page.

Updates

03/16/23 - Bottom belt wrapper on micro-content embeds were removed from the frontend.

What Pages Allow Embedding Content in the WYSIWYG

You can embed micro-content, content, and media into these WYSIWYG text editors:

• Book Page (Body) Book Page

• Event (Event Details and Recap) Event

• FAQ (Answers) FAQ

• Location (Additional Information) Location

• News (Body) News Page

• Topic Page (Body) Topic Page

You can also embed a select few types of micro-content and media into the How Do I Step Description.

What Content Can be Embedded in the WYSIWYG

You can embed these micro-content into the WYSIWYG text editors listed above:

• Accordion Accordion

• Call to Action Call to Action (CTA)

• Link Collection Link Collection

• Automatic List Automatic List

• Promo

You can embed these automatic content teasers into the WYSIWYG text editors listed above:

• Contact Contact

• Bio

• Event Event

• News News Page

You can embed these media into the WYSIWYG text editors listed above:

• Image Image dimensions

• Video Video

How to Embed Content in the WYSIWYG

There are three icons in the WYISYWG toolbar that you can use to update content: Embed micro-content, Embed content, and Embed media.

Open

Click the highlighted icons to open a dropdown with the options listed above.

If you’re embedding micro-content, you can either:

• Select an existing micro-content from the library (always check the library first)

• Create a new micro-content in the form that pops up

How to Edit Content Embedded in the WYSIWYG

To edit a micro-content, content, or media that is embedded in the WYSIWYG of another content, you can either:

• Get to the embedded content through the library:

  1. Click the “Content” tab at the very top of your screen while logged into the site.

  2. Navigate to the appropriate library through the tabs toward the top: micro-content, content, or media.

  3. Find the content you want to edit in the library, and click the “Edit” button from its tablet row.

  4. Edit the content as needed, and save your changes.

• Get to the embedded content through the page on which it is embedded:

  1. Go to the Edit screen for the page .

  2. Find the embed in the WYSIWYG box (indicated by a grey rectangle labelled with the title of the content).

  3. Double-click the grey box.

  4. Click “Edit” in the “Embed content” window that pops up. That will open a whole new browser window for the edit screen of the embedded micro-content, content, or media.

  5. Edit the content as needed, and save your changes.