Add a Button

Add a Button

There are a few different ways you can add a Button to your website. Two ways are through the Content tool, and the other is through the Design tool.

All of the ways noted in this article require you to have your URL ready to input in the Enter URL field, so be sure you have that before creating your button! You are also given the option to type in the title of a page on your website to link the button to another page.

    • Add a button within an existing content block
      • From the Content panel
      • From the Design panel
    • Add a button content block

 

Add a button within an existing content block

There are two methods to add a button within an existing content block - within the Content panel, and within the Design panel.

 

From the content Panel

  1. Navigate to the content block with text that you'd like to turn into a button (this will most likely be a Text Block or Simple List content block. Our example below shows how to add a button while in the Content tool).
  2. Highlight the text, and then select the "Insert Button" icon above the description field (see GIF below for reference).
  3. Click on the empty popup box that appears, and select one of the pages from your website, or paste in a URL that you have copied. Then, click the Add button and wait for the blue check mark to appear, signifying that the change has been saved.
    ezgif.com-video-to-gif.gif
  4. Click the green Publish button when you’re ready to take your changes live!

 

From the Design panel

  1. Select the Design tab in the gray navigation bar and select the page that has the text you'd like to turn into a Button.
  2. Screen_Shot_2021-06-15_at_5.51.30_PM.png
  3. Highlight the text you would like to make into a Button. In the black box that appears, click on the Create/Remove Button icon.Design_Button_1.gif
  4. In the black box that appears, paste the URL you'd like to link to or type in the name of another page on your website to link the buttonScreen_Shot_2018-10-01_at_9.15.01_AM.png
  5. Click the Open in a new window icon if you'd like the button to open a new window in the visitor's browser.
  6. Select the blue Save button.
  7. Click the Publish button to take your changes live!

The steps above show you how to add buttons to content blocks that already have content within it. However, if you want a standalone button, you can add a button content block.

 

Add a button content block

  1. Select the Content panel in the gray navigation bar, and click into the page where you’d like to add a button.
  2. Navigate to the Content Block where you would like to add the button. In the text area, type the words that you would like to appear on the button.
  3. Highlight the text that you entered, then click the "Insert Button" icon just above the text box (see screenshot below).
    Screen_Shot_2021-06-15_at_5.37.37_PM.png
  4. Paste the URL for the desired store category in the text box that appears, then click Add.
    Screen_Shot_2021-09-16_at_4.17.44_PM.png

The text will appear in a grey rectangle, which denotes that it is a button. A blue checkmark will appear to confirm that the changes were made successfully.

Screen_Shot_2021-06-15_at_5.42.19_PM.png

 

    • Related Articles

    • Add a PDF to Your Page

      Resource blocks allow you to upload PDFs straight into the content block. Once you add the Resource block to your page, your customers will be able to download it from your website via a hyperlink. 1. Select Content in the Dashboard navigation bar. ...
    • Add a Map to Your Contact Page

      Adding a Google Maps image or interactive map to your site is a builtin feature that allows you to quickly add a map to your location on almost any page. Our Contact page template automatically includes an "Address" block, making it easier to setup ...
    • Add, Delete, Duplicate or Hide a Page

      In your liveBooks CONTENT panel, you have the option to add, delete, or duplicate a page, as well as manage how this page can be accessed on your website. How to add a new page To add these additional pages to your website: 1. Select the Content tab ...
    • Make a Text Link Open to a New Window

      To make a text link open into a new browser window: 1. Highlight the text you want to make into a Hyperlink and select the Hyperlink icon that appears as a chain-link. 2. Click on the “Open link in a new window” icon next to the Add button. Note: If ...
    • Add a Logo or Image to Your Footer

      If you are looking to add an image to your website's footer - such as the logo of your company, awards you have received, or any professional organizations you belong to - you can do so by following the steps below. How to add images or logos to the ...