Editing website pages using the LiveWhale CMS is simple. If you can use Word, you can edit pages.
Edit a Page
Once you log in, navigate to a page you have permission to edit, and click the yellow “Edit Page” button (top left). The editable areas on your page will be surrounded by yellow boxes. Editable parts of the page are predefined by the template in use). The editor’s toolbox appears (detailed below).
Hint: If you don’t see the “Edit Page” link, then you don’t have permission to edit that page. You can always leave a note for the page’s editor using the “Notes” tab in the black toolbar, and your note recommending an edit will be emailed to the page’s owner.
Place your cursor into the area in which you’d like to make edits. The toolbar options are outlined below.
Press the “Save and Publish” button (top right). Your edits will be live.
Page Editing Toolbar
Text Formatting Buttons
Bold / Italic / Underline
Self-explanatory; similar to other programs, select text and apply these styles by pressing the buttons in the editor toolbar.
Do not have similarly styled elements for different reasons.
Avoid confusing visitors with cognitive disabilities, by having similarly styled elements for different reasons. Example: if all links are bold, use italics instead to emphasize text in a paragraph.
Visual formatting does not help emphasize text for blind people.
Screen readers ignore all text formatting of this type, unless the user has explicitly changed the settings in the screen reader to read visual formatting.
Link to other pages on your site, elsewhere on the Purchase site, or to an outside URL. Create simple text links or button styles. Visit the Links page for details.
This dropdown includes a list of custom styles that you can use, such as callout boxes, footnotes, jump links, or default color.
Font Treatment (Paragraph, Heading 2, etc.)
The options presented allow you to create hierarchies of information on the page, which is not only helpful to readers, it’s critical to sight-impaired users who use screen readers. Learn more about using headers and paragraphs here.
Bullets and Numbered Lists
Click on the down arrow to see additional style options. Lists make big chunks of information easier to digest visually and benefit those using screen readers. Learn more about using bullets and numbered lists here.
Tables are best used for presenting numerical and other data in chart form. Learn more about tables here.
Right, center, or left align text. Use center and right-justify text sparingly. Ragged right text is the easiest to read, and in most cases, centering is not in compliance with our visual brand standards.
Indent / Undo Indent
Indent your content from the left margin and/or undo indenting.
Indented type lands here on the page.
Add Content Buttons
Click on the image icon and select your image to place. Visit the inserting an image page for further details.
Add Dynamic Content
The Red + sign button opens a dropdown with more options for adding dynamic content from the backend onto the page.
Add a feed of your dynamic content. Learn more about widgets here.
Your video must be hosted online in order to place it on the page. You will need a URL or an embed code from YouTube, Vimeo, etc. Learn more about embedding video here.
All videos must be close-captioned.
Rev.com is the recommended captioning service. Videos can be captioned for $1/minute in 24 hours.
The slideshow option allows you to place one of your galleries onto the page. Select from slideshow, simple, mini, and carousel. Read more about creating galleries here.
There are several blurb types including, announcements, office hours, sidebar content, etc. Blurbs are small chunks of information managed in the dashboard. Learn more about managing blurbs and the types of blurbs available here.
The Form widget allows you to place one of your forms created in the dashboard onto your page. Collect information from users and gather the data in a database in the dashboard, via email, or both. Learn more about creating forms here.
Undo / Redo
Reverse the last change you made or re-apply the last removed edit.
This reveals the source code underlying the WYSIWYG presentation of your content. Those familiar with HTML are welcome to edit the source code. However, we recommend contacting email@example.com if you would like help with manipulating the content presentation on your pages.
Add a horizontal rule to your content area.
Use for quotes to set them off from regular page text.
Four score and seven years ago, our fathers brought forth upon this continent a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.
Save a Draft
You can choose to save your edits as a draft and publish at a later time. If there is an unpublished draft, a message will appear above the editing toolbar.
The next time you edit that page, a prompt will appear asking to choose which version you’d like to edit.
Recovering Previous Page Versions
When you edit a page, the option to revert to an old version is always available at the top. Learn about recovering page versions here.
The Tennis Court
The editable ares of a web page are collectively called the “tennis court.” You may choose to enter content into whichever fields result in the page layout you desire.
Things to Note
The type style for the Intro field defaults to Header 2 size in grey. We recommend using the Intro field for broader messages on landing and important pages only. It is unnecessary to have a larger message on all interior pages.
Use the half page columns to break up your text into shorter sentence lengths. If the box on the right is empty, however, the text will spread to full page width.
Use the Sidebar Content blurb type to place the same content in the sidebar on every page of your site. Good examples are office location, phone numbers, etc. You will not need to place a Sidebar Content widget—it’s built into the page’s template. Once you mark a Sidebar Content blurb “Live,” it will appear.
Widgets appear as blue boxes with their type displayed.