Working with Links

Working with Links

 

Links are clickable spots (the "link") on a webpage that take the visitor elsewhere (the "target").

A link may take the visitor to another page on your site (an "internal link"), to a page on a different website (an "external" or "outbound link"), or to a different spot on the same page (an "anchor link"). They may also open an email message addressed to a particular email address in the visitor's default email program. (Note that we generally do not recommend this type of email link as it can be a target for spam and, depending on the email program used by the visitor, they do not always work as expected.) 

The clickable spot can be text or an image. If it's text, it is usually formatted in such a way to indicate to the user that it's clickable. Historically, this has been through an underline, but, depending on the design of your website, it may be through a different color or a hover affect (the text style changes when you point to it with the mouse). 

Regardless of the type of link or target, the process of creating a link is done basically the same way.

To create a link:

  1. Select the item you want to become the link (text or a picture).
  2. Click the "Link" button (two links of a chain) on the text editor toolbar.
  3. Complete the necessary options in the "Link" dialog box.
  4. Click "OK."
  5. Save the change by clicking the "Save Content" button.

The "Link" dialog box has several options that vary based on what type of link you are creating. These are described below.


Creating an internal link

An internal link is one where the target is a different page on the same website. To create an internal link in Virteom, you need to know the URL for the target, but you don't need to include the entire URL, just the part that refers to the specific page you are pointing to. Take this page for example. Its entire URL is:

http://www.virteom.com/working-with-links 

Because we are creating an internal link, the system already knows the "http://www.virteom.com" part. We just need to start with the slash after the ".com" and use the rest. So, the target would be:

/working-with-links

Note that spelling, capitalization, and punctuation count! We generally recommend that you copy and paste the URL (from the slash on) so that it is exact. 

Once you have determined the target URL, you need to enter it in the "URL" field in the "Link" dialog box. Be sure to leave the "Link Type" field set to "URL." The "Protocol" field will automatically change to "<other>" when you enter a URL that begins with a slash. That is fine! You do not need to change anything else in the "Link" dialog box. Just click "OK" to create the link.


Creating an external link

An external link is one where the target is for a page on a different website. Usually, we recommend that external links are setup to open in a new window/tab in the browser. That way, you can provide the link but you don't completely drive traffic away from your own website and/or confuse the user. To create this type of link, you need the entire URL for the target, including the "http://www." part. For example to link to the "About Us" page on "SomeOtherSite.com," the URL might be:

http://www.someothersite.com/about-us

Note that spelling, capitalization, and punctuation count! We generally recommend that you copy and paste the URL so that it is exact. However, the dialog box will automatically place the "http://" part for you, so you only need to copy starting at "www."

Once you have determined the target URL, you need to enter it in the "URL" field in the "Link" dialog box. 

Be sure to leave the "Link Type" field set to "URL." For most sites, the protocol is "http://" so you can leave that option selected in the "Protocol" field and just enter the URL from the "www." on. If you are linking to a secure site, you may need to change the setting in the "Protocol" field to "https://". There are a few other options in this field ("ftp://" and "news://", but they are very rarely used).
 
Choosing a Link Target

Next, if you want to set the link to open in a new window or tab, you need to access the "Target" tab in the "Link" dialog box and set the "Target" field to "New Window_(blank)." (To reset it to the original, where the target opens in the same window as the link, change the setting back to "<not set>". The other options available in this field are seldom used and are related to frames or popup windows, which are generally not recommended.

 


Creating an anchor link

An anchor link points to a specific spot on a webpage. Generally, anchor links are used to point to a spot on the same webpage, but they can point to a different page. A common usage of anchor links are FAQ pages, where you see a list of questions at the top and the corresponding answers running down the entire page. Each of the questions may be a link to the answer, and each answer may have a "back to top" link near it. This is accomplished using anchor links.

To create anchor links, you must:

  1. Highlight the text, click the photo or video you would like to anchor to
  2. Choose the 'Link' icon from the toolbar
  3. In the new window that popsup, from the 'Link Type' dropdown, choose "Link to Anchor in Text"
  4. In the same window, switch over to the 'Advanced Tab'
  5. On the Advanced Tab in the 'ID" box, enter the name of your anchor (for exampe: anchorlink)
  6. Click 'OK'

From your toolbar, choose the 'Link' icon:

For Virteom CMS:

Virteom CMS toolbar

For Rocketsites CMS

Rocketsites Toolbar | Virteom

It will bring up a new window, from the dropdown menu, choose 'Link to Anchor in Text' > Then click over to the 'Advanced' tab, and put the name of your anchor in the 'ID' section, and click 'OK'. 

Link Type | Virteom CMS  Anchor Link | Virteom CMS

TIP FOR ANCHORS:

Type a unique name for that anchor, making sure to use only lowercase letters or numbers. Do not use spaces, uppercase letters, or special characters.

LINKING TO ANCHORS AFTER CREATING THEM:

Now that you have created your anchor, you can either give the URL out to have people direct to that exact point on your page, or link text on that page to scroll down to that section.

If you want to give the URL out for people to land directly at that section, you just need to add a pound sign (#) after your URL, with whatever you set your anchor link id to. 

For example, if we set our anchor ID link to "anchorlink" for this page, our URL would look like: https://virteom.com/working-with-links#anchorlink

If you want to link text at the top of a page, to the bottom of the page -- just highlight your text, click the link tool, and in the URL box, enter the #(your anchor ID).  (See what we mean at the top of the page)

 


This blog was edited on 07/20/2018 by Olivia Justice.

Loading Form...
Posted By Danni Bennett in Learning, Link, Content

Related Posts

Email Footers with Dynamic Advertisements, Company Wide

Virteom has the ability to manage all of your employees email footers easily and effectively.  The first thing you will want to do is add each employee as a member of the Virteom system.  Do this by clicking on the 'Manager' option on the top toolbar and then clicking on the 'Members' option on the left toolbar. Every member in the system can have the capability of having their own footer. So this can be an 'Admin' or an 'Employee' as as example.  But it is not limited to those types. Add a Member Now add each employee of your organization as a member to the system. Do this by clicking 'Add New Member' and fill in their information.    Managing Your Email Footers Company Wide Once you are done adding each employee you will notice that there is an Email Footer in the lower right with a button called click here. When you click this button a new window will open up and a generated email footer for that employee will

Nov 25, 2012 Posted By Dan Carbone

How to Add Images to Your Website

One of the easiest ways to add some flare to your website is to add images. But how do you add images to your Virteom website? In this article we'll cover all the bases on just that.  Preparing your image for upload First things first, we'll need you to prepare your image for upload. There are a few things you should do to your image before uploading your image to your website: Make sure your image name does not have any spaces in it. We suggest replacing any spaces in your file name with dashes (-) or underscores (_).  Optimize your image for the web. To keep your website running at top speed, you'll want to optimize your image for web. How do you do this? Use an image optimizer like this one.   Uploading your new Image into Virteom Editor Now that you have prepared your image to be uploaded, you're locked in loaded to upload it to the Virteom CMS.  Go to your website and log into your Virteom editor. Once you are logged in go to

Nov 20, 2012 Posted By Dan Carbone

Virteom Cloud Marketing Overview

So many marketing and web development firms promise you award winning websites. This sounds sexy, but what does it really mean to you? Doesn't this mean that they will be winning the award for a good looking website rather than building you a tool that will effectively grow your business?  We think that's what it means. Virteom is on a Mission Virteom is on a mission to change what we do once we launch websites.  We're so serious about this mission that we've become the back end technology firm for marketing firms from Cleveland to Detroit.These marketing firms put their trust in Virteom that we will effectively help them grow their customers relationships.  How do we do it? Take a look at the quick overview video of our technology and you'll quickly understand that we create what we like to call Marketing Rhythm.  In fact some experts believe we just may be forging a whole new segment with our technology.  Rhythmic Marketing Rhythmic

Nov 13, 2012 Posted By Dan Carbone

Most Recent

Why Do I Need to Clear My Cache?

Posted By Virteom
May 07, 2021 Category: Clear Cache

If you have owned a computer for any length of time you likely have experienced the dread of internet slow down. If it gets bad enough that you need to reach out for technical support one of the first things that they will tell you to try is to clear your browser cache. But what does clearing your cache even do? Why does it help? What is Your Browser Cache? Your cache is the name for a portion of your hard drive that is dedicated to storing browser files that your browser determines it may need to use again. Web pages are packed with information, and this information is stored in dozens, hundreds and sometimes thousands of files for just one site. Your browser will cache portions of the page for you so in future visits load times are quicker, improving your overall internet experience. Why Should I Clear my Cache? Your browser will store things like files, CSS styles, JavaScript scripts, images, and other multimedia content. That is why when you’re working with a web development firm and request updates like font changes (color/size) we request you clear your cache frequently to see these changes in real-time.  When changes are made to your website like updating a logo, changing a picture, increasing font or changing colors, you may run into trouble with your browser's cache. Occasionally your browser will load your cached info instead of updated portions of the page that you are desiring to view. This can result in a slow down, image errors or not seeing

How To Set A Social Share Image for a Page

Posted By Alesha Wireman
May 01, 2020 Category: Learning, Modules, How To

One of the newest features found within your Virteom powered website is the ability for you to add a social share image to any and every site page. This means that when any page of your website is shared on a social media platform, the image that accompanies the post is one that you choose. Social share images play a large role in the number of engagements your posts or others' posts linking to your website receive. It can impact a viewer's decision to click the post, view the page to find out more, and can ultimately result in new business for you.   This new feature is important for several reasons. You now have the ability to control the social share image for every page of your website to ensure that it's the best reflection of your company and the content overall. You can set the image so that it follows your brand guidelines and captures your audience's attention, making them want to visit the website page every time! Updating the social share image is the simplest way to guarantee that your website, blog posts, and site pages present beautifully on any social media platform across the board. How to set a social share image Login To Your Site To make edits to your website, you'll need to log-in first:  Login to the back-end of your website by visiting (your URL.com)/virteom Enter your username Enter your password Click 'Login' Navigate to the Page you're Setting A Social

How to Add, Edit and Delete Photos Using the Masonry Module

Posted By Olivia Justice
March 23, 2020 Category: Learning, Modules

Is your Virteom powered website utilizing the Masonry Photo Module? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time. The one real advantage of using the masonry module is so that you can display images in groupings or categories on a singular webpage. This allows you to separate images out into different galleries so like photos can appear together. For example: Say you're a landscaper and you have a webpage entitled "Hardscapes". You may want to output multiple galleries on this single page to break out each type of hardscape you've done: walkways, patios, pergolas, steps, fire pits, etc. The masonry photo module allows you to accomplish this. You can set multiple categories, and multiple galleries in that one category - all to output on one single webpage. In this how-to article, we explain how to add a new category, add a new gallery, edit an existing category, edit an existing gallery (adding images to an existing gallery), and how to delete categories, galleries, and images in the Masonry Photos module powered by RocketSites. Logging-In First things first, you must log-in to your Virteom powered website. You can do this by visiting your website and adding /virteom at the end. This will take you to the log-in screen for the site. Enter your email address in the email field Enter your password in the password field Click 'Login' Navigate to the Masonry Grid