Editing an existing hyperlink

Warning! This tutorial is for deprecated Concrete5 versions 5.6 and below. Many of the examples and methods are no longer relevant to modern Concrete5.

One of the most basic things a Concrete5 user may want to do is edit where a hyperlink points on their website. In this tutorial I will show you how to modify a link found in the header on every page in just a few simple steps.

Step 1. Login as Administrator and Access the Page

First off, you will need to be logged into your website with permissions to edit your content pages. If your designer did his job, any links that are found in places like the header, will be stored in the scrapbook as global blocks. This means, all you have to do is access any page where the content you want changed is available. After logging in, if you are taken to the dashboard, simply click the "Return to Site" button in the top right corner.

In this example, we are going to edit the users facebook button that appears on every page.

Step 2. Put the page into Edit Mode

Now that we have located the link we want to change, we need to put the page into edit mode. If you are properly logged in with administrative authorities, you will see the "Edit Page" button in the top left hand corner. Select this button so we can make changes.

Step 3. Open the Edit Interface

With the page in edit mode, the various page elements may or may not stay in there designated place. All editable items on the page will be outlined with a red border. The important thing to do is find the part of the page that you want to make your change, and left click it. This will bring up a context menu with several options. Select the "Edit" option.

Step 4. Determine if the element is a global block

Now we get to find out if your web designer did his job properly. If the element you have selected appears identically on every page, then they should have used a global block, also known as a scrapbook block. When the edit box appears look at the very top. If a small yellow banner has appeared letting you know that it is a global block, then you are set. All you need to do is edit this one instance, and everywhere that element appears on your website, will be automatically updated. If not.. well, that will have to be the subject of a different tutorial, but the long short of it is that you will have to perform the following steps on every single page of the website.

Step 5. Find your link and open the link editor

Now that we have the element that contains your link in edit mode, we can locate the exact link you want to change. In our case, it is the facebook button. Left click on the button. If you have selected an item with an attached hyperlink you will see the "link" and "break link" icons illuminate as shown. Click the "link" icon to edit the existing link.

Step 6. Edit the link

With the hyperlink edit box open, you should see the existing link in the box at the top. Change the hyperlink here. When you are satisfied, select the "Update" button in the bottom right hand corner.

Step 7. Save your work and publish your page

With your link edited, you will now need to click the "Update" button on the element itself. This will take you back into the general edit page mode. To publish your changes you need to click the "Exit Edit Mode" button in the top left hand corner. This will prompt you to either discard of "Publish Changes". After publishing your changes, the link should now be edited throughout your website.