LiveWhale
LiveWhale is the Web Content Management System used to manage the Angelo State University website.
The simplicity of LiveWhale allows users to directly edit their pages, images, stories, events, forms and more, from any browser, without the need for technical expertise.
LiveWhale Basics
Here you will find basic instructions for the most common LiveWhale editor tasks. For more detailed LiveWhale information visit the LiveWhale support site or contact Web Services for assistance.
Navigate to the page you want to edit and click the “Editor Login” link located in the footer section at the bottom of the page. Or, you can simply go to the LiveWhale login page. Enter your ASU username and password and click “Sign in”.
Once logged into LiveWhale, a LiveWhale toolbar will appear at the top of every page on the ASU website. If you have permissions to edit the page currently being viewed, you will see a link labeled “Edit Page”. Clicking that link will open a WYSIWYG toolbar at the top of the page and outline any editable regions with a yellow border. When you click inside an editable region, you can make text changes, create links, add images, and more.
LiveWhale Support Documentation
Select the text you would like to make a link. Click the “Insert/edit link” button in the WYSIWYG toolbar. Choose a link type:
- Link to a page on this site - search for a page from the ASU site to link to
- Link to other content (stories, profiles, etc.) - search for content other than pages
- Link to an outside URL - Paste or type the address of any webpage
- Link to an email address - enter an email address
- Link to a phone number - enter a phone number
- Link to an anchor on this page - Select an anchor from the current page (if any exist)
- Link to one of your files - Choose one of the files from your group to link to
Click “Insert”.
To add a file type icon (PDF, Word, etc.) to the link, select the link and click the “Formats” drop-down. Select the proper type in the “Link Styles” section.
Click the “Your images” button in the WYSIWYG toolbar.
- To use an existing image, choose it from the list of images. Type in the “Filter items by keyword” field to narrow down the results.
- To use a new image, click the “Upload a new image” button and select an image to upload. Enter a name for the image, a caption (required) and keywords (optional), and click “Save this image”.
Adjust the width, height, crop, and alignment options for the selected image.
Check the “Display caption under image” box if you want the caption to be visible on the page. If it is unchecked, the caption will still be used as the image’s alternative text. This text will be read by assistive devices, so make sure the caption appropriately describes the purpose of the image.
Check the “Display image preview when clicked” if you want users to get a larger version of your image when they click on it.
Click “Add image” to insert the image on the page.
LiveWhale Support Documentation
After editing a page, click the “Save Draft” if you want to make further changes before the page goes live. If you are ready for the edits to go live, check the “Ready for approval” box and click “Save Draft”. An approver will review your edits and publish the page if approved.
Besides editing static web pages, most website content is managed through the LiveWhale interface. This includes creating stories, events, forms, and more. To access the LiveWhale interface, once logged in to LiveWhale, click the “Dashboard” link in the LiveWhale toolbar at the top of any ASU web page.
In the LiveWhale interface, click the “Events” tab. Click “Add New” or find the event you wish to edit (from either month or list view) and click its title.
Fill out the event title, start and end times, a brief summary, location, and event details. You may also add images, related links, plot the story on a map, or tag the event with relevant keywords to help sort or classify it.
If you want to allow public registrations for the event, check the “RSVP” box and enter the relevant details.
When done, click the “Save Draft” button (check the “ready for approval” box if you are ready for the event to be reviewed and go live).
Events automatically display on the ASU Events Calendar. To display an events list on your website, please contact Web Services for help creating an Events widget.
LiveWhale Support Documentation
In the LiveWhale interface, click the “Forms” tab. Click “Add a new form” or find the form you wish to edit and click its title.
Fill out the title, introductory text and thank you fields.
Under the section labeled “Form fields”, you may construct the form by adding as many form elements as you like. To add a new field, click “Add another field” and set the element’s options. To reorganize fields, drag an element by the crosshairs icon to a new position in the list.
Set the submission date range if you want to accept submissions only on specific dates.
When done, click the “Save Draft” button (check the “ready for approval” box if you are ready for the form to be reviewed and go live).
Please contact Web Services if you need a Forms widget created.
LiveWhale Support Documentation