User Tools

Site Tools


widgets

This is an old revision of the document!


Getting a Search Widget for your external Site

Purpose

These search widgets are perfect for including a quick search form on external sites like blogs and personal homepages. The widget looks and works exactly the same as the one on your site's homepage.

Your visitors will be able to do a quick search from your site to reach search results on your RealGeeks hosted IDX solution.

Howto

We have updated this process thanks to our Search Widget generator!

The Search Widget generator can be located within the administrative area of your website.

  1. After logging in to you website's administrative account, click on Search Widget. This is in the Widgets category.
  2. This will launch the configuration tool where you can configure the basic dimensions of the widget.
  3. There are two layouts the widget can be generated to.
    -The wide layout is optimized for a broad appearance with side by side drop down menus.

    -The thin layout is optimized for a vertical appearance, which can be place in sidebars due to drop downs that are positioned on top of each other.
  4. Make sure that the domain is set to your active domain name or the widget will not generate properly. You will know it is generating properly if the preview is visible.
  5. After tailoring the widget to your liking, click the “Click to Get Code” button.
  6. A window will pop up displaying code for you to copy to your clipboard or a blank text file.
  7. You can place this code directly into the source of any website.

Facebook

WARNING: These instructions no longer work. They are preserved here for historical purposes

Custom widgets/content can be added to your Facebook page as a “tab'. In order to add the search widget to a tab, you must first install an html container application to your page.

  1. Search for the application called Static IFrame tab:
  2. Install application:
  3. Choose the page to which the application will be installed:
  4. Configure the content tab, entering the widget example code referred to in the previous section:

Notes

  • Make sure you change the 'www.yourdomain.com' to the actual domain of your site!
  • Use only the domain name, do not include the 'http://'
  • Insert this code directly into the body of your page. DO NOT put it in the header, and do not put it at the very bottom of the page (unless you want the widget to be at the very bottom!)
  • Make sure you adjust the widget and height properly and give the widgets enough space (the Wide Layout should be at least 340px wide, and the Thin Layout should have at least 240px.
  • The widgets are transparent by default and should take the color of whatever element is behind it.
widgets.1422064921.txt.gz · Last modified: 2015/01/24 02:02 by christopher