Inserting and Editing Links

Links to Internal Pages

Internal page links references pages on the BFA website.

Dependency Tags

Every page, document and image file on the BFA website is given a unique dependency tag identifier. By inserting the dependency tag in a link, content throughout the site will be automatically updated when the linked content is moved or renamed.

Example of a what this page’s dependency tag looks like:

Dependency tag indicator

How to Insert a Link with Dependency Tags

  • Within the WYSIWYG Editor, select the text for the link.
  • From the toolbar, click the Insert/Edit Link button.
  • The Insert Link Modal will appear.
  • If you know the dependency tag for the page you are linking to, type it into the text field next to URL.
  • Most times you won’t know the dependency tag. To look it up, click the button with a folder and magnifying glass icon (to the right of the URL Text Field).
  • The Select File Modal will appear.
  • From the dropdown menu in the upper right corner, select Production.
  • Using the folder structure in directory on the left, navigate to the page you wish to link to.
  • You will automatically be in the same section of the page you are currently editing.
  • If you wish to link to a page outside of the section you are currently in, use the blue breadcrumb links at the top of the modal to navigate to other sections of the site. Click on www to be taken to the root directory.
  • If you’re not sure which folder the content is in, use the content page’s URL to help you figure it out. Learn more about the File and Folder Structure.
  • After you have found the file you wish to link to, you need to edit or add the text you wish the link to display.
  • In the text box next to Text to Display, type how you would like the link to appear on the page.
  • Note: If you highlighted text before clicking the Insert Link Button, the words you highlighted will automatically appear in the Text to Display text box. You can change this or leave it as is.
  • Once you have the URL (dependency tag) and entered the Text to Display, click insert.
  • You will be returned to the WYSIWYG Editor for the page and the content you highlighted will now be a link.

Inserting Links to External Sites

You can also link to sites outside of the BFA website. Use caution when doing this as you cannot control other websites. If the site you are linking to changes, moves, or closes, you will be left with broken and outdated links. If you choose to link to an external site, be sure to review your pages consistently to ensure links still work.

  • Within the WYSIWYG Editor, select the text for the link.
  • From the toolbar, click the Insert/Edit Link tool.
  • The Insert Link Modal will appear.
  • Type the full URL into the text field next to URL. Be sure to start with http:// or https://.
  • Next, you need to edit or add the text you wish the link to display.
  • In the text box next to Text to Display, type how you would like the link to appear on the page.
  • Note: If you highlighted text before clicking the Insert Link Button, the words you highlighted will automatically appear in the Text to Display text box. You can change this or leave it as is.
  • Once you have the URL and entered the Text to Display, click OK.
  • You will be returned to the WYSIWYG Editor for the page and the content you highlighted will now be a link.

Inserting Links as Buttons

When inserting a link, it will be added as a default red hyperlink. But, you can also choose to insert the text as a button.

  • Within the WYSIWYG Editor, select the text for the link.
  • From the toolbar, click the Insert/Edit Link tool.
  • The Insert Link Modal will appear.
  • Type the Dependency Tag or external URL into into the text field next to URL.
  • In the text box next to Text to Display, edit or add the words you want the button to say.
  • Use the dropdown button next to Class to select the type of button you want. Note: You will have to scroll down to get to the Button Style Options.
  • The button styles will be displayed as is in the dropdown menu. You can also view the names and styles of buttons in our visual style guide.
  • Once you have selected the class i.e. the style of the button, click OK.
  • You will be returned to the WYSIWYG Editor for the page and the content you highlighted will now be a link.

Editing Links

  • From the WYSIWYG Editor, click on the link you wish to edit. You do not need to highlight it, just make sure your cursor is somewhere inside the link.
  • From the toolbar, click the Insert/Edit Link tool.
  • Alternatively you can right-click on the link and select Insert/Edit Link.
  • The Insert Link Modal will appear and show you the current link information.
  • You can change the URL or the text to display or the button class.
  • If the link is currently a button and you want it to just be a link, select (not set) from the dropdown menu.
  • Once you have made your changes, click OK.
  • You will be returned to the WYSIWYG Editor for the page and the link will be edited.

Deleting Links

Links to Internal and External Pages

If you want to remove the link and the text, simply highlight the entire link and click backspace or delete from your keyboard.

If you wish to remove the link, but keep the text you should:

  • From the WYSIWYG Editor, click on the link you wish to edit. You do not need to highlight it, just make sure your cursor is somewhere inside the link.
  • From the toolbar, click the Remove Link tool.
  • The link will be removed but the text will stay.

Links to PDFs

Removing a link to a PDF does not remove the PDF. Even once the link is gone, the PDF will remain live and thus searchable through Google or other search engines. If you wish to remove both the link and the PDF, you should:

  • Follow the regular steps of removing a link.
  • Contact ETS Web Services, and request them to delete the PDF file from the production server.

Additional Resources

See, OU Quick Reference Procedures.