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. You can control the default settings for the way your buttons appear as described here.

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 have the ability to change the text, colour, transparency, font, width and height. You can also choose whether you want your button to have Square Corners or Rounded Corners. 

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

button_widget.PNG

Click Save and your button will now display in the format you have set.

 

Image Button

Alternatively, you can display an image as 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 which will appear when the user hover's with their mouse over your button.  

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