In the first example we will enable the viewer to click on a logo, in order to view their webpage. Our chosen logo and webpage will both represent NTNU, but this method could of course be applied using any image, text box or similar.
- First, insert the image to your page.
![](/wiki/download/attachments/193954671/image2020-6-28_22-13-10.png?version=1&modificationDate=1593375189000&api=v2)
- Next, make a text box just large enough to cover your image, and fill it with a letter or number, e.g. "8".
![](/wiki/download/attachments/193954671/image2020-6-28_22-14-56.png?version=1&modificationDate=1593375295000&api=v2)
- Now, highlight the text and choose Insert Link in the Text Properties.
![](/wiki/download/attachments/193954671/image2020-6-28_22-17-16.png?version=1&modificationDate=1593375436000&api=v2)
- Insert your chosen link, and if desired, check the box for Open link in new tab. Click Apply.
![](/wiki/download/attachments/193954671/image2020-6-28_22-18-37.png?version=1&modificationDate=1593375517000&api=v2)
- Now the link is inserted. To test it, enter view mode and click on the image. However, we now have a bunch of 8's covering our image. To bypass this, change the Opacity of the text box with 8's to 0% (making it completely transparent).
![](/wiki/download/attachments/193954671/image2020-6-28_22-22-21.png?version=1&modificationDate=1593375740000&api=v2)
- Your very first button is now finished! To give it a test, enter view mode and click on it.
![](/wiki/download/attachments/193954671/Button_NTNU.gif?version=1&modificationDate=1593376735000&api=v2)
- Pro tip: When moving the button, remember to select both layers (the image/text and the transparent link) at once. This makes it a lot easier to move the button without having to think about perfectly reloacting them at the new location.
![](/wiki/download/attachments/193954671/Button_drag_NTNU.gif?version=1&modificationDate=1593376871000&api=v2)