How To Add Hyperlink In Content Editor Web Part

Adding hyperlinks to SharePoint content is an easy way to organize information and keep track of related resources. You can create links to another document, website, note or app.

You can also add rich link types such as Check out the video about how to edit HTML lists using the browser tool bar! or Click here for more info.

There are several ways to add a link in the Content editor web part. This article will go over three different methods to do this.

Look at how the current page is set up

There are two parts to adding a link in the web part content editor. You will want to use either the Link or Picture URL field as your link source.

The Link field allows you to enter an HTML link, such as Google. The picture url option lets you upload a picture of the site you would like to link to, then create a linked icon using that image.

Now that we have covered the basics, let’s add a link to our website!

Step 1: Navigate to the SharePoint Site Collection where you would like to insert the link.

Open the Site Settings –> Navigation for this site collection. Find the Links section, and click Edit links.

Step 2: Now that you are here, add http://localhost/yourSiteName to the Link field. Press Enter when asked if it is necessary to update the existing link, and hit Save changes.

This will give users the ability to go back to testing out the link by typing in http://localhost into their browser. If you wanted them to be able to access the full link (http://yoursitehere/, say for example), they would need to know the IP address first.

Find the place where you want to add the link

In Microsoft Teams, you can create an interactive content editor web part (IEWP) by choosing Tools > Insert -> IEWP. You will then have to pick either Team member or Group as the audience for the item.

You can also choose whether the viewer has read access to the document or not. By default, this is set to Read, which means anyone with the link can view it. If you would like only members of the team that are assigned to the project to be able to see the file, you can change this setting.

Once these settings are selected, you will then have to find the area of the page where the content goes. Most pages already have an appropriate section, so it should be easy to insert your link here!

If there is no suitable empty space, you can easily edit the HTML directly using any browser tool such as Chrome’s Responsible Site Settings.

Right click and select edit html

In this article, we will learn how to add an internal or external link in the content editor web part. You can also include some rich text formatting such as bold, italic, and underline.

First, you need to right-click within the content area of the web part and then choose Edit HTML from the context menu.

You will now see the HTML editing tool where you can easily insert links. Simply find the Text box and then press Ctrl + G to bring up the Link dialog.

Select either Internal (http://www.example.com) or External (https://www.yoursite.com/) depending on if it is for your own domain or another site’s domain. Press enter to apply changes and test out your new linked page!

If you want to use more advanced linking features like color customization, changing link types, etc.

Scroll down until you see something that looks like this Link Text

Now, we will add some link content into our new linked item. To do so, select the Link button under the Insert menu in the Toolbox.

Drag it onto your page or web part where you want the link to appear.

Then, enter some text for the link and choose whether you would like it to be normal style (without italics) or inline (set as display:inline).

Replace it with what should be there, such as

Link Text

Now that you have added your link into the web part, you will need to choose where to put it! You can either insert it directly below the content area or under the title area of the page.

If you place it under the title, then it will not show up until the user adds some text after the web part. This is not very useful since you would have to add in a blank space first before adding the link.

So we will go one step further and suggest instead inserting it just like any other normal rich edit content element. Just make sure to pick an appropriate position for it.

Save your changes

Now that you have added your link, it is time to save these changes! To do this, go back into the web part design page and under Settings, look for Miscellaneous. Here you will see an option called Create Link. Check this box, then click OK.

Your new linked content will now be applied to all pages where this web part is used! If you would like to test out this feature, use any of our sample sites or your own site to create some links and watch them show up automatically.

Relaunch your site

While you can add hyperlinks directly in the rich editor, it is not advised to do so as there are certain limitations to doing this.

By adding links outside of the rich editor content area, things such as browser compatibility issues arise.

Furthermore, it is difficult to control where the link goes within the article or page that it is embedded into.

It is better to use the Rich Text Box instead which does not have these limitation.

Test if everything works correctly

Testing your newly created web part is an excellent next step! You can test by adding it to a new page or article, creating a link within the content editor and then clicking through the various settings.

You can also add this web part to the same content type you added it to and see how it looks there.