Add Anchor Links - Woo360

Add Anchor Links - Woo360

Are you looking for a way for users to quickly "jump" to specific content far down on your website page? If so, then you can add anchor links that link users directly to content blocks on your page.

To get started, navigate to the WooBuilder for the desired page:

  1. Hover over the Content Block that you would like to create an anchor link for, then select the "wrench" icon that appears.
    Screen_Shot_2021-10-01_at_4.15.46_PM.png
  2. On the pop-up that appears, select the Advanced tab.
    Screen_Shot_2021-10-01_at_4.18.17_PM.png
  3. Scroll down to the field labeled ID and enter a name that you would like to use as the label for your anchor link. Click Save when finished.
    Screen_Shot_2021-10-01_at_4.19.35_PM.png
  4. Find the button that you would like to link to the content block. Hover over it, then click on the "pencil" icon.
  5. In the link field, enter the # icon, directly followed by the ID name that you created in Step 3. Click Save when finished.

    • Related Articles

    • Create an Anchor Link

      You can create an Anchor Link from your page's content blocks, letting users jump from one part of the webpage to another. This can be useful if you have a lot of text and want to give viewers the option to skip over some of the pages and get ...

    • Add a Link to an Image

      You can insert a hyperlink into an image on your website. When a user clicks on your image, they will be redirected to the page of your choice. To add an image hyperlink: Navigate to the Pages tab at the top of your Websites app, and open the page ...

    • Add a Button on Your Website

      There are a few different ways you can add a Button to your website. Two ways are through the Pages dashboard, and the other is through the Design tool. All of the methods outlined here require you to have your URL ready to input in the Enter URL ...

    • Change the Color of Your Website's Links

      You can change the color of your hyperlinks globally so that all links on your website apply to the same rules. To change your sitewide hyperlink color: Click Design at the top of your Websites app to open the Design panel. On the right-hand sidebar, ...

    • Add an Email Link to Your Website

      Some hyperlinks are able to have a special syntax put before it in order to perform certain functions. One function of a link is to open the page viewer’s email software. Here is how you can add syntax before your link to get it to perform a certain ...