Online Support Centre

Follow

The Button widget

Buttons are a great way to link to other websites, pages on your own website, online forms or documents.

They are also mobile responsive so display well on smaller devices.

To get started, go to a page on your website and click Add Content.

Select the Button Widget from the Widget menu.

There are two options;

i) display a Standard Button
ii) display an Image Button

Standard Button

In the Button Settings you can change the button height, text, colour and destination.

There are a number of options to link the button:

Website URL - copy and paste into the website link in the "Insert a web address field"

Page - select one of the website pages

Document - link directly to a document uploaded into the Documents & Audio area

Online Form - choose an online form

Email address - enter an email address

 

mceclip0.png

Click Save and your button will now display.

 

Image Button

Alternatively, you can display an a button. Click on the Add Image to select your image, then select what you wish to link the button linked to.

There is the ability to set a different image as the "Hover" image. 

mceclip0.png

 

mceclip0.png

Note: The Hover State image is required to be the same pixel size as the Button Image. A message will be displayed if you try to add a hover state image of a different size showing the size of the Button Image and you will only be able to upload the image of the same size.

Using the above example the image button will display as follows:

mceclip1.png

Then when the viewer hovers their mouse over the image it changes as follows:

mceclip2.png

 

 

Was this article helpful?
0 out of 0 found this helpful

Comments