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.

What Pages Allow Embedding Content in the WYSIWYG

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

  • Book Page (Body)

  • Event (Event Details and Recap)

  • FAQ (Answers)

  • Location (Additional Information)

  • News (Body)

  • Topic Page (Body)

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

  • Call to Action

  • Link Collection

  • Automatic List

  • Promo

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

  • Contact

  • Bio

  • Event

  • News

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

  • Image

  • Video

How to Embed Content in the WYSIWYG

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

Click these 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.

If the same content is embedded in multiple places, any updates to one placement will affect all placements. Before editing the content, make sure to check all placements to see that the edit is appropriate everywhere this content is displayed. Check placements in the Usage tab.