Submit a request

Adding a Button to a Page

Adding a Button to a Page

Though Placester doesn't have built-in functionality for adding a button to your site, this article will show you a pro tip of adding an image of a button that links another page or outside link. 

Pros of using buttons on your website

Having a button on your site is friendly on the eyes. It adds color to your site and provides less text overall for your visitors to read. Your site should be easy to maneuver and when large buttons exist, site visitors know exactly where to go. A button draws your potential clients to a specific call to action. 

Where to incorporate buttons

There are many different areas where a button can be inserted within your pages. We've seen agents use buttons as links to pre-defined search pages, specific blog posts, school district information - basically any situation where there is a custom URL to link to the button will work. 

Step 1: Locate the button destination

First, decide where you want the button to bring the site visitor once they click the button. For an example, in this article, I will show you how to link a "search homes" button for a specific area. This is similar to hyperlinking an image to text or a custom URL.

Since you will need to copy a few URL links, it is best to have multiple tabs open at once.

In this example, I want to have a pre-configured page for homes in Middlebury, VT for $600,000 and under. First, I will visit my live site and go to my Listings Search page. Here, I will decide which criteria I want to use for my pre-populated listings page. In this case, I selected Middlebury as my city and $600,000 as a maximum price.

Screen_Shot_2018-05-17_at_10.15.43_AM.png

Then once I search this I will copy the URL from the top of this page. 

Step 2: Search for the button you would like to use 

The easiest way to create or find a suitable button would be to search for royalty-free images. In this case searching "homes for sale", "home search", or "home search button" would come up with the most accurate results. 

Check out our Marketing Academy article on where to find free royalty-free image sites: 40 Free Royalty-Free Stock Photo Resources.

Then once you find your image or button that you would like to use feel free to download it.

Step 3: Add the image to a page

Next, go to the page you choose to add the image to.

After adding or editing the existing page created, you will need to upload the image you selected to use as your button. To add an image simply choose your file or drag and drop after clicking the "Upload Image" symbol.

Screen_Shot_2018-05-17_at_10.17.54_AM.png

 

https://gyazo.com/2ee3726cd7a5793a1c2312bc6de27e34

You can always refer back to our support article on how to add a page.  http://support.placester.com/hc/en-us/articles/202099019-Creating-a-Page

To refresh on how to add an image to a page follow the steps in the link below. http://support.placester.com/hc/en-us/articles/202924645-Adding-Photos-to-Pages-and-Posts

Once the image has been added to the Page Content section, highlight the image and click the hyperlink icon.  Then add your URL link from the pre-searched page that you copied earlier to the link field. 

 

https://gyazo.com/d3fc6712e954c194ca98285ee1adbfe3

 

https://gyazo.com/724529add216d2c1311ccd866f607c4c

Once the URL has been added to the Hyperlink section, click "Insert" then click "Save" at the bottom of the page.

If you need an overview on how to hyperlink an image you can refer to this article.

Now, the cool part is testing out your button on your live site!

 

https://gyazo.com/56f50480a9c584023cf2d3bf1bdddd22

 

 

Need more help?

If you have additional questions about how to add a button to a page, let our support team know at [email protected].

Powered by Zendesk