This tutorial is going to cover the steps of a simple template integration. You can view a sample of the kind of template we will be working with here:

Sample Template

Basically, you have the header up top, some static info down the left and right with the Listings Manager content going right in the middle. Here's the easiest way to get a template like this going with Listings Manager.

We also offer a Priority Consulting service if you would prefer for us to integrate the templates for you. To inquire, send us an email or call 1-800-752-0455.

In this step, you will be opening up your template and finding the area where Listings Manager content will go. Usually, theses kind of templates are going to be done with a table layout or even a fluid (all done with <div> tags) layout. In my example, we are using a fluid layout so I am going to be looking for the <div> tag that the main content will appear in. If you are using a table layout, you'll be looking for a <td> tag instead.

In my example, the main <div> tag is on line 28. This step is basically going to be the removal of any HTML that is within the main <div> tag (or main <td> tag). We'll replace it with a couple comment tags so it's easy to find that area in the template:

<!—Listings Manager Content Starts -->

<!—Listings Manager Content Ends -->

Once you have added these comments, save the file as "template.html". You can now open this template.html file in your browser to double check that it still looks like your original page but with a blank white area in the middle. Here's what mine looks like:

template.html

I added a clear all break tag between my comments just so the design didn't collapse. You may or may not need this.

To make things a little easier, here is a break down of all the code you'll need to copy and paste for each of the default templates. What you do with this is, open up template.html and one of your templates. Find the corresponding chunk of code from bellow here, copy/paste it between the comment tags on template.html and then copy/paste all that into the actual template file you are working on.

     Here's a sample site setup using the actual template: Sample Site

_publish_homepage.html
<table border=0 cellspacing=0 cellpadding=0 width=580> <tr><td><font face="arial,arial" size=3><b>Our Agents : $user_name$</b></font></td></tr> </table> <p><table border=0 cellspacing=0 cellpadding=2 width=590> <tr> <td rowspan=20 valign=top align=center width=165> <!-- template insert : $images$ --> <!-- templatecell : image --> <p><img src="$homepage_url$/images/$thumbnail$" width=$thumbnail_width$ border=1 alt="Photo"><br> <font face="arial" size=1>$desc$</font><br> <!-- /templatecell : image --> <!-- templatecell : no_images --> <p> <table border=1 cellspacing=0 cellpadding=0 width=140 height=100> <tr> <td bgcolor="#EEEEEE" align=center><font face="tahoma,arial" size=4><b>Photo<br>Not<br>Available</b></font></td> </tr> </table> <!-- /templatecell : no_images --> </td> <td valign=top> <font face="arial" size=3><b>$user_name$</b></font> <table border=0 cellspacing=0 cellpadding=2 width=100%> <tr> <td width=1%><font face="arial" size=2>Specialty: </font></td> <td><font face="arial" size=2>$hfield1$</font></td> </tr> <tr> <td valign=top><font face="arial" size=2>Background: </font></td> <td> <font face="arial" size=2>$hfield2$</font></td> </tr> <tr> <td><font face="arial" size=2>Phone: </font></td> <td><font face="arial" size=2>$hfield3$</font></td> </tr> <tr> <td><font face="arial" size=2>Fax: </font></td> <td><font face="arial" size=2>$hfield4$</font></td> </tr> <tr> <td><font face="arial" size=2>Cell: </font></td> <td><font face="arial" size=2>$hfield5$</font></td> </tr> <tr> <td><font face="arial" size=2>Pager: </font></td> <td><font face="arial" size=2>$hfield6$</font></td> </tr> <tr> <td><font face="arial" size=2>Email: </font></td> <td><font face="arial" size=2><a href="mailto:$hfield7$">$hfield7$</a></font></td> </tr> <tr> <td><font face="arial" size=2>Listings: </font></td> <td><font face="arial" size=2><a href="$search_url$?user_num=$user_num$&search=1">View my listings</a></font></td> </tr> </table> </td></tr></table>

_publish_listing.html
<table border=0 cellspacing=0 cellpadding=0 width=580> <tr><td><font face="arial,arial" size=3><b>Our Listings : $lfield1$</b></font></td></tr> </table> <p><table border=0 cellspacing=0 cellpadding=2 width=590> <tr> <td rowspan=20 valign=top align=center width=165> <font face="arial" size=2>LISTING PHOTOS</font><br> <font face="arial" size=1><b>Click photo to enlarge</b></font><br><br> <!-- template insert : $images$ --> <!-- templatecell : image --> <p><a href="$listing_url$/images/$file$" target="_blank"><img src="$listing_url$/images/$thumbnail$" width=$thumbnail_width$ border=1 alt="Photo"></a><br> <font face="arial" size=1>$desc$</font><br> <!-- /templatecell : image --> <!-- templatecell : no_images --> <p> <table border=1 cellspacing=0 cellpadding=0 width=140 height=100> <tr> <td bgcolor="#EEEEEE" align=center><font face="tahoma,arial" size=4><b>Photo<br>Not<br>Available</b></font></td> </tr> </table> <!-- /templatecell : no_images --> </td> <td valign=top> <font face="arial" size=1>MLS # $lfield2$</font><br> <font face="arial" size=3><b>$lfield1$ ($lfield5$)</b></font><br> <font face="arial" size=1>$lfield3$, $lfield4$</font><br><br> <font face="arial" size=2>$lfield7$</font><br> <p> <table border=0 cellspacing=2 cellpadding=0 width=100%> <tr> <td width=25%><font face="arial" size=2>Type: </font></td> <td width=25%><font face="arial" size=2>$lfield8$</font></td> <td width=30%><font face="arial" size=2>Near School: </font></td> <td width=20%><font face="arial" size=2>$lfield16$</font></td> </tr> <tr> <td><font face="arial" size=2>Rooms: </font></td> <td><font face="arial" size=2>$lfield9$</font></td> <td><font face="arial" size=2>Near Transit: </font></td> <td><font face="arial" size=2>$lfield17$</font></td> </tr> <tr> <td><font face="arial" size=2>Bathrooms: </font></td> <td><font face="arial" size=2>$lfield10$</font></td> <td><font face="arial" size=2>Ocean View: </font></td> <td><font face="arial" size=2>$lfield18$</font></td> </tr> <tr> <td><font face="arial" size=2>Stories: </font></td> <td><font face="arial" size=2>$lfield11$</font></td> <td><font face="arial" size=2>Lake View: </font></td> <td><font face="arial" size=2>$lfield19$</font></td> </tr> <tr> <td><font face="arial" size=2>Square Feet: </font></td> <td><font face="arial" size=2>$lfield12$</font></td> <td><font face="arial" size=2>Mountain View: </font></td> <td><font face="arial" size=2>$lfield20$</font></td> </tr> <tr> <td><font face="arial" size=2>Lot Size: </font></td> <td><font face="arial" size=2>$lfield13$</font></td> <td><font face="arial" size=2>Ocean Waterfront: </font></td> <td><font face="arial" size=2>$lfield21$</font></td> </tr> <tr> <td><font face="arial" size=2>Age of Home: </font></td> <td><font face="arial" size=2>$lfield14$</font></td> <td><font face="arial" size=2>Lake Waterfront: </font></td> <td><font face="arial" size=2>$lfield22$</font></td> </tr> <tr> <td><font face="arial" size=2>Fireplaces: </font></td> <td><font face="arial" size=2>$lfield15$</font></td> <td><font face="arial" size=2>River Waterfront: </font></td> <td><font face="arial" size=2>$lfield23$</font></td> </tr> <tr> <td valign="top"><font face="arial" size=2>Appliances: </font></td> <td colspan="3"><font face="arial" size=2>$lfield24$</font></td> </tr> </table> <p> <table border=0 cellspacing=2 cellpadding=0> <tr> <td><font face="arial" size=2>Listed by: </font></td> <td><font face="arial" size=2><a href="$homepage_url$/$user_file$">$user_name$</a>  (<a href="$search_url$?user_num=$user_num$&search=1">View my listings</a>)</font></td> </tr> <tr> <td><font face="arial" size=2>View Map: </font></td> <td><font face="arial" size=2><a href="http://maps.yahoo.com/py/maps.py?Pyt=Tmap&addr=$lfield1_ue$&csz=$lfield3_ue$%2C%20$lfield4_ue$&Get+Map=Get+Map" target="_blank">Click Here to view map of area</a></font></td> </tr> </table>

_publish_listing_index.html
<table border=0 cellspacing=0 cellpadding=0 width=580> <tr><td><font face="arial,arial" size=3><b>Our Listings</b></font></td></tr> </table> <!-- template insert : $list$ --> <!-- templatecell : listing_image --> <p><table border=0 cellspacing=0 cellpadding=2 width=590> <tr> <td valign=top align=center width=115> <a href="$listing_file$"><img src="$listing_url$/images/$thumbnail$" width=$thumbnail_width$ border=1 alt="Photo"></a><br> </td> <td valign=top width=469> <font face="arial" size=3><b><a href="$listing_file$">$lfield1$</a> ($lfield5$)</b></font><br> <font face="arial" size=2> $lfield6$<br> Listed by: <a href="$homepage_url$/$user_file$">$user_name$</a><br> </font> </td> </tr> </table> <!-- /templatecell : listing_image --> <!-- templatecell : listing_noimage --> <p><table border=0 cellspacing=0 cellpadding=2 width=590> <tr> <td valign=top align=center width=115> <table border=1 cellspacing=0 cellpadding=0 width=100 height=100> <tr> <td bgcolor="#EEEEEE" align=center><font face="tahoma,arial" size=3><b>Photo<br>Not<br>Available</b></font></td> </tr> </table> </td> <td valign=top width=469> <font face="arial" size=3><b><a href="$listing_file$">$lfield1$</a> ($lfield5$)</b></font><br> <font face="arial" size=2> $lfield6$<br> Listed by: <a href="$homepage_url$/$user_file$">$user_name$</a><br> </font> </td> </tr> </table> <!-- /templatecell : listing_noimage -->

_search_query.html
<form method=get action="$cgiurl$"> <input type="hidden" name="search" value="1"> <input type="hidden" name="perpage" value="10"> <!--<input type="hidden" name="sort_order" value="1,abc,forward">--> <input type="hidden" name="marknew" value="1"> <input type="hidden" name="euro_numbers" value="0"> <center> <table border=0 cellspacing=1 cellpadding=5> <tr> <td bgcolor="#FFFFFF"> <table border=0 cellspacing=0 cellpadding=0> <tr> <td><font face="arial" size=2> Price </font></td> <td> <select name="lfield5_min"> <option value="">Minimum <option value="">Any <option value="">$0 <option>$50,000 <option>$75,000 <option>$100,000 <option>$125,000 <option>$150,000 <option>$175,000 <option>$200,000 <option>$250,000 <option>$500,000 </select>   <select name="lfield5_max"> <option value="">Maximum <option value="">Unlimited <option>$50,000 <option>$75,000 <option>$100,000 <option>$125,000 <option>$150,000 <option>$175,000 <option>$200,000 <option>$250,000 <option>$500,000 <option>$1,000,000 </select> </td> </tr> <tr> <td><font face="arial" size=2> Bedrooms </font></td> <td> <select name="lfield9_min"> <option value="">Minimum <option value="">Any <option>1 <option>2 <option>3 <option>4 <option>5 <option>6 </select>   <select name="lfield9_max"> <option value="">Maximum <option value="">unlimited <option>0 <option>1 <option>2 <option>3 <option>4 <option>5 </select> </td> </tr> <tr> <td><font face="arial" size=2> Bathrooms  </font></td> <td> <select name="lfield10_min"> <option value="">Minimum <option value="">Any <option>0 <option>1 <option>2 <option>3 <option>4 <option>5 </select>   <select name="lfield10_max"> <option value="">Maximum <option value="">unlimited <option>0 <option>1 <option>2 <option>3 <option>4 <option>5 </select> </td> </tr> <tr> <td><font size=2 face="arial"> Type </font></td> <td> <select name="lfield8_keyword"> <option value="">Any <option>Home <option>Condo <option>Townhouse <option>Apartment <option>Mobile Home <option>Lot <option>Acreage <option>Duplex <option>Triplex <option>Farm or Ranch <option>Other </select> </td> </tr> <tr> <td><font size=2 face="arial"> Listed By </font></td> <td> <select name="user_num"> <option value="">Any Agent $userlist$ </select> </td> </tr> <tr> <td><font size=2 face="arial"> Show listings </font></td> <td> <select name="shownew"> <option value="">All Listings <option value="1">1 day old <option value="2">2 days old <option value="3">3 days old <option value="7">1 week old <option value="30">1 month old </select> </td> </tr> </table> <p> <div align=center> <input type=submit name="search" value=" Search Listings "> </div> </td><td>      </td><td> <table border=0 cellspacing=0 cellpadding=0> <tr> <td><font size=2 face="arial"> Near School </font></td> <td><input type=checkbox name="lfield16_keyword" value="Yes" ></td> </tr> <tr> <td><font size=2 face="arial"> Near Transit </font></td> <td><input type=checkbox name="lfield17_keyword" value="Yes" ></td> </tr> <tr> <td><font size=2 face="arial"> Ocean View </font></td> <td><input type=checkbox name="lfield18_keyword" value="Yes" ></td> </tr> <tr> <td><font size=2 face="arial"> Lake View </font></td> <td><input type=checkbox name="lfield19_keyword" value="Yes" ></td> </tr> <tr> <td><font size=2 face="arial"> Mountain View </font></td> <td><input type=checkbox name="lfield20_keyword" value="Yes" ></td> </tr> <tr> <td><font size=2 face="arial"> Ocean Waterfront </font></td> <td><input type=checkbox name="lfield21_keyword" value="Yes" ></td> </tr> <tr> <td><font size=2 face="arial"> Lake Waterfront </font></td> <td><input type=checkbox name="lfield22_keyword" value="Yes" ></td> </tr> <tr> <td><font size=2 face="arial"> River Waterfront </font></td> <td><input type=checkbox name="lfield23_keyword" value="Yes" ></td> </tr> </table> </td> </tr> </table>

_search_results.html
<!-- result pages --> <font face="arial" size=2><b>Found $mcount$ of $rcount$ Listings,</b></font> <font face="arial" size=2><b><a href="$cgiurl$?$query$&pagenum=$lpage$" title="Last Page"><<</a>  Page $cpage$ of $pcount$  <a href="$cgiurl$?$query$&pagenum=$npage$" title="Next Page">>></a></b></font><br> <!-- /result pages --> <!-- template insert : $list$ --> <!-- templatecell : row_image --> <font face="arial" size=1><br></font> <table width=580 border=0 cellspacing=1 cellpadding=5> <tr> <td width=150 align=center valign=top bgcolor="#FFFFFF"> <font size=1 face="arial"><b>MLS # $lfield2$</b></font><br> <table cellspacing=0 cellpadding=0> <tr> <td><a href="$listing_url$/$listing_file$"><img src="$listing_url$/images/$thumbnail$" width=$thumbnail_width$ alt=""></a></td> </tr> </table> <font size=3 face="arial"><b>$lfield5$</b></font><br> </td> <td width=390 valign=top bgcolor="#FFFFFF"> <p><font size=3 face="arial"><b><a href="$listing_url$/$listing_file$">$lfield1$</a></b></font> <p><font face="arial" size=2>$lfield6$</font> <p><table border=0 cellspacing=0 cellpadding=0> <tr> <td align=right><font size=2 face="arial">Type : </font></td> <td><font size=2 face="arial">$lfield8$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Rooms : </font></td> <td><font size=2 face="arial">$lfield9$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Bathrooms : </font></td> <td><font size=2 face="arial">$lfield10$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Square Feet : </font></td> <td><font size=2 face="arial">$lfield12$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Realtor : </font></td> <td><font size=2 face="arial"><a href="$homepage_url$/$user_file$">$user_name$</a></font></td> </tr> </table> </td> </tr> </table> <!-- /templatecell : row_image --> <!-- templatecell : row_image_new --> <font face="arial" size=1><br></font> <table width=580 border=0 cellspacing=1 cellpadding=5> <tr> <td width=150 align=center valign=top bgcolor="#FFFFFF"> <font size=1 face="arial"><b>MLS # $lfield2$</b></font><br> <table cellspacing=0 cellpadding=0> <tr> <td><a href="$listing_url$/$listing_file$"><img src="$listing_url$/images/$thumbnail$" width=$thumbnail_width$ alt=""></a></td> </tr> </table> <font size=3 face="arial"><b>$lfield5$</b></font><br> </td> <td width=390 valign=top bgcolor="#FFFFFF"> <p><font size=3 face="arial"><b><a href="$listing_url$/$listing_file$">$lfield1$</a> <font color="#FF0000">(NEW)</font></a></b></font> <p><font face="arial" size=2>$lfield6$</font> <p><table border=0 cellspacing=0 cellpadding=0> <tr> <td align=right><font size=2 face="arial">Type : </font></td> <td><font size=2 face="arial">$lfield8$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Rooms : </font></td> <td><font size=2 face="arial">$lfield9$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Bathrooms : </font></td> <td><font size=2 face="arial">$lfield10$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Square Feet : </font></td> <td><font size=2 face="arial">$lfield12$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Realtor : </font></td> <td><font size=2 face="arial"><a href="$homepage_url$/$user_file$">$user_name$</a></font></td> </tr> </table> </td> </tr> </table> <!-- /templatecell : row_image_new --> <!-- templatecell : row_noimage --> <font face="arial" size=1><br></font> <table width=580 border=0 cellspacing=1 cellpadding=5> <tr> <td width=150 align=center valign=top bgcolor="#FFFFFF"> <font size=1 face="arial"><b>MLS # $lfield2$</b></font><br> <p> <table cellspacing=0 cellpadding=0 width=140 height=100> <tr> <td bgcolor="#EEEEEE" align=center><font face="tahoma,arial" size=4><b>Photo<br>Not<br>Available</b></font></td> </tr> </table> <font size=3 face="arial"><b>$lfield5$</b></font><br> </td> <td width=430 valign=top bgcolor="#FFFFFF"> <p><font size=3 face="arial"><b><a href="$listing_url$/$listing_file$">$lfield1$</a></b></font> <p><font face="arial" size=2>$lfield6$</font> <p><table border=0 cellspacing=0 cellpadding=0> <tr> <td align=right><font size=2 face="arial">Type : </font></td> <td><font size=2 face="arial">$lfield8$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Rooms : </font></td> <td><font size=2 face="arial">$lfield9$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Bathrooms : </font></td> <td><font size=2 face="arial">$lfield10$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Square Feet : </font></td> <td><font size=2 face="arial">$lfield12$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Realtor : </font></td> <td><font size=2 face="arial"><a href="$homepage_url$/$user_file$">$user_name$</a></font></td> </tr> </table> </td> </tr> </table> <!-- /templatecell : row_noimage --> <!-- templatecell : row_noimage_new --> <font face="arial" size=1><br></font> <table width=580 border=0 cellspacing=1 cellpadding=5> <tr> <td width=150 align=center valign=top bgcolor="#FFFFFF"> <font size=1 face="arial"><b>MLS # $lfield2$</b></font><br> <p> <table cellspacing=0 cellpadding=0 width=140 height=100> <tr> <td bgcolor="#EEEEEE" align=center><font face="tahoma,arial" size=4><b>Photo<br>Not<br>Available</b></font></td> </tr> </table> <font size=3 face="arial"><b>$lfield5$</b></font><br> </td> <td width=430 valign=top bgcolor="#FFFFFF"> <p><font size=3 face="arial"><b><a href="$listing_url$/$listing_file$">$lfield1$</a> <font color="#FF0000">(NEW)</font></b></font> <p><font face="arial" size=2>$lfield6$</font> <p><table border=0 cellspacing=0 cellpadding=0> <tr> <td align=right><font size=2 face="arial">Type : </font></td> <td><font size=2 face="arial">$lfield8$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Rooms : </font></td> <td><font size=2 face="arial">$lfield9$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Bathrooms : </font></td> <td><font size=2 face="arial">$lfield10$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Square Feet : </font></td> <td><font size=2 face="arial">$lfield12$</font></td> </tr> <tr> <td align=right><font size=2 face="arial">Realtor : </font></td> <td><font size=2 face="arial"><a href="$homepage_url$/$user_file$">$user_name$</a></font></td> </tr> </table> </td> </tr> </table> <!-- /templatecell : row_noimage_new --> <!-- templatecell : not_found --> <font face="arial" size=1><br></font> <table width=580 border=0 cellspacing=1 cellpadding=5> <tr> <td align=center valign=top bgcolor="#FFFFFF"> <font face="arial" size=3><b>Sorry, No listings were found that matched your search query.<br>Please try your search again.</b></font><br> </td> </tr> </table> <!-- /templatecell : not_found --> <!-- result pages --> <font face="arial" size=2><b>Found $mcount$ of $rcount$ Listings,</b></font> <font face="arial" size=2><b><a href="$cgiurl$?$query$&pagenum=$lpage$" title="Last Page"><<</a>  Page $cpage$ of $pcount$  <a href="$cgiurl$?$query$&pagenum=$npage$" title="Next Page">>></a></b></font><br> <!-- /result pages -->

Because everything will end up within a table cell or div, you'll need to make sure you close of any or

tags you start in your template properly. Otherwise, things will be thrown off.

All templatecells are required

Make sure that you copy all the template cells back and forth between template.html and your actual templates.

Note: After making changes to your templates, the last step is to login to Realty Manager and in the Setup Options under the General tab, Re-publish all your pages.

Have a go at it and let us know what you all think. We are here to help too so feel free to send in any questions you have about this. We also offer a Priority Consulting service if you would prefer for us to get the map setup for you. To inquire, send us an email or call 1-800-752-0455.

---

Did this "How to" make sense? Send us your feedback

More Information: Buy Now | Questions or Comments?