Knowledge Base

What are actions & how do they work

On Website Builder we have configurable Actions which enable a trigger (roll-over, mouse-click) to be added to any element on your website. This allows for a high level of visitor interaction and engagement. For example, you can set icons to increase in size slightly when a visitors mouse rolls over them. The possibilities are endless really, one of the most common uses is to add some form of tactile response to buttons. On many good websites today if you roll your mouse over a button its look (or state) will change, it is likely the look or state will change again when that same button is clicked.

To set up an action, first click the element you wish to apply the action to and click Settings on the tools palette, at the bottom of the Settings options, click Add Behaviour. Being displayed will a host of behaviours, some of which may not be available, this depends purely on the type of element it is to be applied to.

Behaviour Name Type What it does
Scale Animation Set a size change for the element, either to take place on page load or on a mouse interaction with the element.
Rotate

Animation

Set an element to rotate a definable number of degrees, either to take place on page load or on a mouse interaction with the element.
Pop Up Image

Animation

Set an image to open full size in a closable lightbox. 
Show

Animation

Set an element to appear, either on page load or on a mouse interaction with the element. Also apply an animation to how the element appears, (e.g. fade)
Hide

Animation

Set an element to disappear, either on page load or on a mouse interaction with the element. Also apply an animation to how the element disappears, (e.g. fade)

Scroll To Element Scrolling Set the page to auto-scroll to another element, either on page load or on a mouse interaction with the selected element.
Navigate Next Navigation A container with lots of tabs can have the action applied to it so a visitor can navigate between the various tabs.
Navigate Previous

Navigation

A container with lots of tabs can have the action applied to it so a visitor can navigate between the various tabs.

Next Page

Navigation

Set an element to go to the next page in your pages list. Particularly useful with several pages specifically about individual products.
Previous Page

Navigation

Set an element to go to the previous page in your pages list. Particularly useful with several pages specifically about individual products.

Submit Form Forms Set an element to submit a form filled out on your page.
Clear Form Forms

Set an element to clear a form filled out on your page.

Play Video Set a video to play on a mouse interaction with the element.
Stop Video

Set a video to stop on a mouse interaction with the element.

Pause Video

Set a video to pause on a mouse interaction with the element.

Analytics Event Google Analytics Set up an event for Google Analytics tracking purposes.