Campers

How to add or edit web links to text or buttons.

Add/edit a web link as a hotlink

  1. Copy the link you want to use from wherever it currently lives for example the Media Library or a webpage.
  2. Go to Pages, hover over the page name where you want to add or edit a link, and click “edit” that appears under the page name.
  3. Scroll through the page until you locate the existing link or the words that need to be linked.
  4. Put your cursor in front of the first word (exclude the space in front of the word) and select all the words that need to be linked – this must be precise! A horizontal contextual menu will appear.
  5. In the horizontal contextual menu, there’s an icon that looks like a broken oval with a line in the middle is the link option – click that.
  6. If there’s already a link in there, delete it and paste the URL you want to link to then hit the enter button on your keyboard.
  7. When you’re done making changes, click the blue Update button on the right side of the page. Open a new browser tab and navigate to the page you just edited to confirm the button links to what you intended.

Add/edit a web link on a button

  1. Copy the link you want to use from wherever it currently lives for example the Media Library or a webpage.
  2. Go to Pages, hover over the page name where you want to add or edit a button, and click “edit” that appears under the page name.
  3. If the button exists:
    1. Click on it once to select it.
    2. On the right side is a label called Link Settings, click the arrow to display those settings.
    3. Click the pencil icon next to the existing link.
    4. Select all and delete what’s there then paste in your new link.
  4. To change the words on the button face, make sure the button is still selected then change the words. If you change the words on the button face, for example changing 2023 to 2024, then the Accessible Label field located under the link you just changed needs to match the words on the button face EXACTLY. This is to retain WCAG/ADA compliance.
  5. If you want to add a new button:
    1. Click the three horizontal lines at the top left of the page to open the outline.
    2. Scroll down the page itself to where the new button should live and click after the element that will come before or after the new button. The outline will open to that area.
    3. Either in the horizontal contextual menu that appears or the outline to the left, click on the three vertical dots – both areas open the same menu.
    4. Select Add Before or Add after depending on where the button should live relative to the place you’ve selected.
    5. A new block will appear on the page with a black box with white plus sign, click the black box.
    6. Type in IABC and select the IABC Single Button from the list.
    7. Select the words in the button face to change them.
    8. With the button still selected, on the right side is a label called Link Settings, click the arrow to display those settings.
    9. Click the pencil icon next to the existing link.
    10. Select all and delete then either start typing to see pages containing the words you’re typing or paste in your new link. Click the blue Save button
    11. Make sure the Accessible Label field matches the words on the button face EXACTLY. This is to retain WCAG/ADA compliance.
  6. When you’re done making changes, click the blue Update button on the right side of the page. Open a new browser tab and navigate to the page you just edited to confirm the button links to what you intended.