To view the global wrapper, go to Customize --> Global Wrapper.

There are two main sections to this page, the Global Header Code and Global Footer Code. This is the html from the client’s website, minus the main page content and broken into two sections. This code “wraps” around the IDX tools to make them look like the client’s own web pages. To create a global wrapper: 

1. Go to a page on your site that looks like you want your IDX pages to look, then view the source code.
2. Copy and paste this html into Notepad, Dreamweaver, or any other program for editing.
3. Change all links, calls to images, javascripts, etc to absolute links (beginning with http://...). Since this code will be hosted on the IDX servers rather than your own, any references to outside files need to have the complete addresses of those files.
4. Clear out what would otherwise be the main content area of your page (for example, the bio text on an "about me" page) and type SPLIT HERE in it's place.
5. Log into your IDX control panel and go to Customize --> Global HTML Wrapper.
6. Paste all the code above "SPLIT HERE" into the Global Header Code section. Paste all the code below the split into the Global Footer Code section. Then click Submit. 

Below each section you will see the Global Header Include and Global Footer Include fields. Advanced developers can use these fields to simplify the update process. Please see this article for more information on using include files in your Global Wrapper.

Your global wrapper will serve as the default code that applies to all your IDX tools. You can customize specific categories, pages and elements by using category and page wrappers, sub headers, and CSS.

For more in depth information about using the wrapper, please see our topic for developers.