Link Builder

Links are the glue of the world wide web. Everyone who's been online is very familiar with clicking links on one page to get to another. The WYSIWYG provides a robust link building tool for creating links within your content. You can build links that simply take visitors to another page, links that jump to a specific point on a page, links to download a file, links to create an email, and links to open in a new window.

Highlighting Text to Become a Link

To get started, we need some content to turn into a link. This is generally text, but could also be an image. From the content editor, select the text you want to become a link, then select the Link icon in the WYSIWYG tool bar.

Screen_Shot_2013-07-31_at_3.57.48_PM.png

The Link window should popup giving you a number of options for creating your link.

Basic URL Links

More times than not, when creating a link, you want it to simply link to another page on your website or an external site. From the Link Info tab, Make sure the Link Type is set to the default "URL", and paste the destination link into the URL field.

Screen_Shot_2013-07-31_at_3.59.57_PM.png

If your link uses a protocol other than HTTP, select it from the Protocol menu. HTTP or HTTPS are the most likely and common protocols.

Screen_Shot_2013-07-31_at_4.00.57_PM.png

Setting the Link Target

If you want your link to open in the same window the user is currently in, like for a link to a page within your website, it's best to leave the Target "not set", the default. However, if you do wish for a link open in a new browser window , jump over to the Target tab of the Link Builder, and select the option that suits your needs. The option most used other than "not set" is "New Window (_blank)", which will open the link in a new window or tab, keeping your page open in the visitor's browser.

Screen_Shot_2013-07-31_at_4.01.11_PM.png

Upload a File to a Link

If instead you want to link to a file instead of another web page, go to the Upload tab, choose a file from your computer, and "Send it to the Server" to upload. This action will turn your selected text into a link that downloads the uploaded file. Great for PDFs and Zip files especially.

Screen_Shot_2013-07-31_at_4.01.49_PM.png

Link to an Email Address

Links can also create a new email to be sent to an address you choose. Commonly referred to as a "mailto link", to setup a link to open a new email, simply select "E-Mail" from the Link Type menu in the first tab Link Info. You can then set the email address, subject, and even the body of the email itself right from the link.

Screen_Shot_2013-07-31_at_4.06.50_PM.png

Advanced: Anchor Links

If you've ever been on a page that has links that take you to a very specific spot in the content, these are called Anchors. It's likely you've run into links that "Take me to the top" of the page, or a menu that jumps further down the page instead of a new page. Anchors can be added through the Source of the WYSIWYG, so they should only be added by those comfortable working with HTML. To create an Anchor in the Source, find the spot in the content you wish to be a bookmark, and add the following code:

<a name="{anchor-name}"> 

Where {anchor-name} is replaced with the name you want to give to your Anchor. In our upcoming example, we created an Anchor with the name "Partners" like so:

<a name="Partners"> 

Then, like any other link, select the text you want to become the link and click the Link button. From the Link Info tab, select the Link Type "Link to anchor in the text", and it'll discover any anchors you've added to the Source. In the below example, you'll see our Partners Anchor as an option from the menu

Screen_Shot_2013-07-31_at_4.06.04_PM.png

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.