Help Centre

Support > Designing and Building Your Website > Adding Your Content

How do I add the Mouse Over widget to my website?

The mouse over widget allows you to display an image on your website that changes to a different image when hovering over. This is great if you wish to show different options, perhaps for your product, and an example of how this can be used can be seen below.

This is what displays when the mouse is not rolled over:

Screen_Shot_2013-04-30_at_16.25.15.png

But when the mouse is rolled over the image changes:

Screen_Shot_2013-04-30_at_16.25.49.png

You will need to make sure that you have uploaded the two separate images to your 'Images' area before creating this widget.

To add the 'Mouse Over' widget to your website, please follow the instructions below:

  1. Log in to your Create account.
  2. Click "Content" from the Top Menu.
  3. Click "Widgets" from the left-hand menu.
  4. Click "Add Widget".
  5. Then click "Add Widget" on "Mouse Over".
  6. Fill out all of the required fields and choose the two images you would like to display.
  7. Click "Save Changes".

You will now need to add this Widget to the page you would like it to be displayed on.

Responsive Page:

  1. Click on "Design" from the Top Menu
  2. Edit the page you wish to add the widget
  3. Drag and drop the Widget Content block onto your page 
  4. Select the Mouseover Widget from the drop down
  5. Save your changes to confirm

Static Page:

  1. Click "Design" from the Top Menu.
  2. Browse your site to find the page you would like to add the widget to.
  3. Click the "Edit Mode" toggle on the menu to turn editing on.
  4. Double click when you are in your content area (when the mouse pointer changes to a hand).
  5. Click on the page to position the cursor where you would like the widget to appear when the site is published.
  6. Click on the "Widgets" icon (lightening bolt) in the editor toolbar.
  7. Select the Mouse Over Widget you want from the drop-down list and click "Ok".
  8. Click "Save Changes" to confirm.

Please remember you will need to "Publish To Web" for the changes to take effect on your live site.