Follow

▶️ How To Add A Button To Your Website/Landing Page

A button is a great way to add a clear and easy call to action for a future prospect to use when visiting your website, blog post, or landing page. The call to action can something like filling out a form submitting their information, so you can contact them about a potential property they want to sell. To add a button to your website, blog post, or landing page follow the instructions below.

 You may also follow these Step by Step instructions to learn how to add a button to your website, blog post, or landing page.

  1. From your account's Dashboard, click on Webtools and select Websites.
    Screen_Shot_2019-02-24_at_23.37.44.png

  2. Click on the SiteBuilder button of the website that you want to edit.
    Screen_Shot_2019-02-24_at_23.38.01.png
  3. On the top menu bar click on Edit Page.
    Screen_Shot_2019-02-24_at_23.38.24.png

  4. Click on the AddContent button.
    Screen_Shot_2019-02-24_at_23.38.39.png
  5. Select BasicModules then drag and drop the Button module to the desired location on the page.
    Screen_Shot_2019-02-24_at_23.39.17.png
  6. This will open the ButtonSettings. Under the GeneralTab, you can update/edit the following:

    • Text - shows the text that will be displayed on the button (i.e. Contact us now)
      Screen_Shot_2019-02-24_at_23.39.39.png
    • Icon - select from a list of icons available to show beside the text on the button.
      Screen_Shot_2019-02-24_at_23.39.39.png
      Screen_Shot_2019-02-24_at_23.40.18.png
    • IconPosition - you have the option to put the icon BeforeText or After Text on the button.
      Screen_Shot_2019-02-24_at_23.40.30.png

    • IconVisibility - you have the option to make the icon AlwaysVisible or FadeInOnHover. 
      Screen_Shot_2019-02-24_at_23.40.41.png

    • Link - type in the URL of where the button is going to be linked to when it's clicked.
      Screen_Shot_2019-02-24_at_23.39.39.png
    • LinkTarget - you have the option to NewWindow or SameWindow.
      Screen_Shot_2019-02-24_at_23.40.51.png
  7. Under the Style tab there's a lot of different ways to customize the appearance of the button.
    Screen_Shot_2019-02-24_at_23.41.10.png
    • Colors
    • Structure

  8. Once you're done customizing the Button, click on the Save button. 
    Screen_Shot_2019-02-24_at_23.41.10.png

  9. Click on Done and Publish Changes.
    Screen_Shot_2019-02-24_at_23.38.39.png
    Screen_Shot_2019-02-24_at_23.41.44.png

 

You have now added a button to your website. If you have any questions or comments on any of the instructions above, please feel free to reach out to us at any time at support@reiblackbook.com

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.