Yola Support
Links that open in new tabs or window
It is possible to have a link open in a new window, but it means that you need to do a little HTML editing. Please note that current thinking in web usability circles is that links which open in a new window are a bad idea for a number of reasons. Please see: Beware of Opening Links in a New Window, for a great article by a leading expert in the field.
However, if you decide that you would like to proceed, here are the steps:
- Add text using the text widget.
- Select the text that you would like to be the link and then click "insert link" on the text editing toolbar.
- Create your link to your chosen URL as normal, click "OK".
- Then click "HTML" - the last icon on the text editing toolbar.
- You will see the code that looks like this for your link - I have used the text "Visit Wikipedia to see more information", with the link being to Wikipedia:
Visit <a href="http://www.wikipedia.org">Wikipedia</a> to see more information<br> All you need to do is add in target="blank" as shown below:
Visit <a href="http://www.wikipedia.org" target="blank">Wikipedia</a> to see more information<br>
It is also possible to have a picture link open in a new window by editing the HTML. Here are the steps:
- Add a picture using the text widget (drop a text widget and click "insert image" on the text editing toolbar - it is the icon that looks like a picture in a frame).
- Click on the picture and then click "insert link" on the text editing toolbar.
- Create your link to your chosen URL as normal.
- Then click "HTML" - the last icon on the text editing toolbar.
- You will see the code that looks like this for your picture link (using Yola's website and one of my own pictures as an example). Remember to include any folder names in the path if your file is stored in a folder. For example: "resources/Pictures/picture.jpg"
<a href="http://www.Yola.com"><img src="resources/picture.jpg"></a>
All you need to do is add in target="blank" as show below:
<a href="http://www.Yola.com" target="blank"><img src="resources/picture.jpg"></a>
Your picture link will then open in a new tab or window, depending on what browser your visitor is using.