WYSIWYG Widget

WYSIWYG Widget

Last updated 03.29.24

WYSIWYG stands for “What you see is what you get”. This widget acts as a small but powerful text editor. You may place and style text, add images and videos, tables, links and HTML code. 

Related Links & Videos

How to add an WYSIWYG Widget

1. Select where on the page you would like the blog feed to appear
2. Click on the blue plus add widget icon   
3. Select the WYSIWYG widget from the widget pop up 
4. Once the widget is added to the page, hover over the added widget until it displays the properties and trash 
    icons. Click on the gear-shaped properties icon. 

WYSIWYG Widget Properties

5. Once the widget is added to the page, you can immediately add or edit content right on the page by clicking into 
    the text box. Come back at any time to edit. 
Note: there is no properties popup with the WYSIWYG Editor Atlas 

6. Click the Save button for the entire page 

How to delete the WYSIWYG Widget

Hover over the WYSIWYG widget until it displays the properties and trash icons and click on the trash icon to delete. 

How to reposition the WYSIWYG Widget

Hover over the WYSIWYG widget until it displays the grab icon on the left. Simply drag and drop in a new location. 
 

WYSIWYG Widget Examples

Screenshot of the WYSIWYG Widget as it appears in editing mode.

open text field with text editing buttons above content

What You See Is What You Get

This is an example of content displayed on the page using the WYSIWYG Widget

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Integer quis auctor elit sed vulputate mi sit. Amet mauris commodo quis imperdiet massa. Tortor posuere ac ut consequat semper viverra nam libero justo. In nulla posuere sollicitudin aliquam. Sit amet est placerat in egestas erat imperdiet sed euismod. Nunc eget lorem dolor sed viverra ipsum. Eu nisl nunc mi ipsum. Faucibus vitae aliquet nec ullamcorper. Nisi vitae suscipit tellus mauris a diam maecenas sed. Ridiculus mus mauris vitae ultricies leo integer malesuada. Arcu odio ut sem nulla. Sed cras ornare arcu dui vivamus. Egestas sed tempus urna et. Nisl nunc mi ipsum faucibus vitae aliquet. Mauris rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque.

  • Ac tortor dignissim convallis aenean. 
  • Urna et pharetra pharetra massa massa ultricies mi quis hendrerit. 
  • Non arcu risus quis varius quam. 
  • Aliquet bibendum enim facilisis gravida neque convallis a. 
  • Mauris nunc congue nisi vitae suscipit tellus mauris a diam. 
  • Quam viverra orci sagittis eu volutpat odio.

Lectus proin nibh nisl condimentum id venenatis a condimentum.
 Nullam eget felis eget nunc. Arcu dui vivamus arcu felis. Nisl rhoncus mattis rhoncus urna neque viverra justo nec. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Cursus risus at ultrices mi tempus imperdiet nulla. At consectetur lorem donec massa sapien faucibus. In nibh mauris cursus mattis molestie a iaculis. Sed elementum tempus egestas sed sed.


Table DataTable DataTable DataTable DataTable DataTable Data
DataDataDataDataDataData
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data