1. Knowledge Base
  2. >
  3. Results
  4. >
  5. Article

WebsiteBuilder: How to Add Links and Documents


NOTE: We offer two different versions of WebsiteBuilder. Our original implementation of the builder is the Legacy WebsiteBuilder Editor, while WebsiteBuilder Express Editor is the newest interface commonly found in the Foundation dashboard. It is not possible to upgrade a Legacy WebsiteBuilder site to the Express Editor. The site will need to be recreated with the Express Editor. All new WebsiteBuilder installations will be the Express Editor.

In this article, we have provided two sets of instructions for each editor. Follow the instruction set that matches your WebsiteBuilder version.

How to check if I have Legacy WebsiteBuilder Editor or Express Editor? 

Legacy WebsiteBuilder WebsiteBuilder Express Editor

WebsiteBuilder Legacy

WebsiteBuilder Express
 
Note: You can add files like .pdf, .doc, .txt as a link to any of your website content.

How to launch WebsiteBuilder

Legacy WebsiteBuilder Editor: How to Add Links and Documents

WebsiteBuilder Express Editor: How to Add Links and Documents

 

How to launch WebsiteBuilder

  1. Log in to your Domains Dashboard.
    Login to your Domains Dashboard
  2. There are two views in the Domains dashboard - the Card and List views. Click on the view icons to switch to your preferred view. 
    Card View, click Manage
  3. Choose the domain where you have your WebsiteBuilder configured.  
    In the Card view, click the domain's Manage button.

    Domain Dashboard - Card View

    In List view, click the domain or its gear icon on the right-hand side.

    Domain Dashboard - List View

  4. On the left pane, click WebsiteBuilder, under Site Builders.
    WebsiteBuilder
  5. Click Manage / Manage Site. This action will open your WebsiteBuilder screen in a new tab.
    Legacy WebsiteBuilder WebsiteBuilder Express Editor

    WebsiteBuilder Legacy Manage button

    WebsiteBuilder Express Manage button

Back to top.

 

Legacy WebsiteBuilder Editor: How to Add Links

  1. Select the page where you want to add links using the page selector drop-down menu.

    Select a page
  2. Select the element where you would like to add a link. A menu bar will appear above it, then click Attach Link.

    For buttons:
    Sample 1
    For shapes and images:
    For texts
    For text elements:
    a. Click on the text box, then click More. You can also select a word or group of words to attach the link to. 
    Click more
    b. Click the Attach link icon.
    Click attach link icon
  3. The Attach link window will pop-up.
    Attach link pane
    From here, you can either link a page, web address, email address, phone number, or file. If you select: 

    Page: It will let you link to any page on the site you are currently working on. 
    Web address: It will let you add a link to any site on the web.
    Email address: It will open the user’s email client and automatically input the recipient's email address. It also has an option to enter the subject line that you would like prefilled when they click the button.
    Phone number: When on a mobile device, the phone link will open their phone app and add the entered number into the dialer.
    File: it allows you to upload a PDF file that can be downloaded by users when clicked.
  • Remember to save your work by clicking the Save icon. After saving, click the Publish button on the upper part of your editor screen. Changes are only visible after you have saved and published your work.
    Save and publish

Back to top.
 

WebsiteBuilder Express Editor: How to Add Links

  1. Select the page where you want to add links using the page selector drop-down menu.

    Select a page
  2. Select the text, image, or button you would like to add the link to. A menu bar will appear above it.
    Element Menu
  3. Click the Attach link icon.
    Add link button
  4. The Attach link window will pop-up.
    Attach link
From here, you can either link a page, web address, email address, phone number, or file. If you select: 
  • Page: It will let you link to any page on the site you are currently working on. 
  • Web address: It will let you add a link to any site on the web.
  • Email address: It will open the user’s email client and automatically input the recipient's email address. It also has an option to enter the subject line that you would like prefilled when they click the button.
  • Phone number: When on a mobile device, the phone link will open their phone app and add the entered number into the dialer.
  • File: it allows you to upload a PDF file that can be downloaded by users when clicked.
Remember to save your work by clicking the Save icon. After saving, click the Publish button on the upper part of your editor screen. Changes are only visible after you have saved and published your work.
Chat
Close