On SiteBuilder 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. |