> ## Content Index
> Fetch the complete content index at: https://gothru.co/docs/llms.txt
> Use this file to discover other available public pages before exploring further.

# Overlay – Real Estate Control Bar
- URL: https://gothru.co/docs/realestate/
- Published: 2020-08-20T12:54:11.000Z
- Updated: 2020-08-21T17:14:32.000Z
- Description: Real Estate control bar gracefully presents properties information to the visitors and facilitates real estate business owners by making property management easier. It offers purpose-oriented design with useful features that a real estate business can benefit from.
- Author: Syafriko Yuliusman
- Tags: Overlay Editor, Control Bar

**Real Estate** control bar gracefully presents properties information to the visitors and facilitates real estate business owners by making property management easier. It offers purpose-oriented design with useful features that a real estate business can benefit from. This control bar provides support and includes several real estate buttons such as agent info, mortgage or property info buttons.

## How to add a Real Estate control bar to your Overlay?

These steps will help you understand how to set up a Real Estate control bar.

1\. Click on the “+” icon (**A** key) to open the Plugin Manager for **Hotspots, Menus, Maps, Control Center** and **Other**. Then click **Real Estate** under **Control Centre** to open its control settings.

![](https://lh3.googleusercontent.com/6jf7c1z1LYpyPTwnvktfWjlJFIzpKyRiZCfBM5gpSN-MczDgdbl9UNkHKhm3sxvBOAVuX-m4Fo553Sx_p2_JzaAGsvimxZU8nk1A6nS2Imsr_cnc24ibCfTwtn3XNIGQ73qVwa8)

2\. Default **Real Estate control bar** and **control settings** menu appear on the right side of your overlay screen.

![](https://lh4.googleusercontent.com/0ZTO62ZEJPji6du6HXpZSXBRISnCSai-7zKuAlfZFbaoISK1FfM6B-PNxyKcl_8Kr48PwryZhKR8XeRNQj2ibqxayBcB70Dkiide1OkPk0kJZTHwp2AiujV0P_4exg_m8bleGv0)

3\. Change the design and setups of your control bar using the tools under the **Control Settings** so it can fit the entire constellation properly. For information about the tools under control settings, see **“Details of the control settings tools”**.

![](https://lh4.googleusercontent.com/OXTWYXuA_e4p0Gn1WgtIP2Xywgu2AK5TmMmddDjdK6jt1CHSVwxSxcZXFFkipd1ft6oWSGIvTykfwni5aWcCDkC3jyJKkAHKrybK6dQ5d2CvOgBz9YAQdjmmYKox4OzXjNM7kzM)

4\. By default, Agent info button is automatically added to your control bar. The example below the Agent Info button has been customized.

![](https://lh3.googleusercontent.com/HDa_0VAQvpg_WXfRc8p4WMRSX6_ca6tY3ZB4pAsrrDjxMlU4wXAJ3z9RwsN67KyxinN7dhejcLxxGduQXlZYb9vxbLdKDhRUuA2lnAju9vyI6RuNOW9Y8TjkUiZOgaQnLBzfR1A)

5\. Set a button's state to either enabled, or disabled by switching the toggle to on or off. The following are the button options you can add to Real Estate control bar.

![](https://lh6.googleusercontent.com/l4GwdBHxFBiuu8ouzzP9QrH1q8HR5ibnN54YTXepSSFP1RogcNvz1Aex5CgYsC7fcvHkn93ZVz0ka1ABg3J4QuG3S3xiVz01cdqAs4dYiyz0jXl94NAIOgSycwoiBJtJKklRYnc)

6\. Click on the **“Icon symbol”** to change the button\`s icon and fill all the information about the real estate such as agent info, mortgage or property information. The following example is menu setting of property description button.

![](https://lh4.googleusercontent.com/palsnWVad9E6mEFG2AAjJs3iuzycLmwcC--RAFobnXyvjFZETRMEBJZ2wvzwlenx0cTbTqemE51b03cpg4s1Wdo8_gc4t55iEydzZ-9XFDzRVSZ7IrpY9SOOnEvVC7KRCdh9Fww)

7\. Add a customized button by clicking “**+**” button to add a custom one. Select a representative icon then enter a website URL that will connect to the button.

![](https://lh3.googleusercontent.com/8V4k0ONUffrMJ0Ctn9y9ILsgWmJCGVm0LGHStU71F49YOYHc6Gt2U4cObHBMSEn2U48e-R08xxwu6sNstWsnPOe7GWsNsE7t9polNyonWaTkl2YAdTt8CpHFVserUTANViRV9_w)

8\. After filling all the information about real estate buttons, click on **“Save”** and **“Publish”** to save all your control setting information.

![](https://lh5.googleusercontent.com/regy0GXhzpTJ5MmlGIfRSvMMyGQu6JCO5le0DOjeaV01QwFb4Q3_8yHB_Mj92JSY4-euviAFUpRgKqsBUvOp0BBvkjQUATma1oSjhvonSOT4fwrdZMJ507mrZY5x7PdqYfVlYUc)

## Details of the control settings tools

TheFollowing are the details of the tools under control settings.

***Agent info:*** *saves or load agent information.*  
***Common colors:*** *sets control bar colors connect to colors which in general setting.*  
***Background color:*** *sets the color of control bar background.*  
***Active color:*** *sets the color of active button in the control bar.*  
***Text color:*** *sets the color of button icon and text in the control bar.*  
***Set this color as common:*** *sets the color which belongs to control bar plugin and determines the default colors choices for other plugins.*  
***Area:*** *changes the position where the control bar is attached, right or left side.*  
***Buttons:*** *sets a button's state to either enabled or disabled and adds a custom button to the control bar.*  
***Agent info:*** *sets a button that shows agent profiles*  
***Property info:*** *sets a button that shows property information*  
***Property description:*** *sets a button that shows property description*  
***Map area:*** *sets a button that connects to Mapbox*   
***Mortage:*** *sets a button that shows mortgage information*  
***Send to a friend:*** *sets a button that allows you to send the tour to your friend.*