Rental Builder Integration of components

All three methods have one thing in common. You need to know the URL (website address) of your component. When you have created your component on Rental Builder, click on 'View Availability Calendar' (or component of your choice) in 'My Listings'. Copy the URL of your component from the address bar at the top of your browser.
The following is an example of URLs from our sample listing.

Availability Calendar: http://www.rentalbuilder.com/availability-28&no_wrap=yes.html
Guest Book: http://www.rentalbuilder.com/cosy_mountain_house_sample_only-o28-en.html
Photo Slide Show: http://www.rentalbuilder.com/index.php?page=images&id=28&f=28.jpg
Email Enquiry Form: http://www.rentalbuilder.com/enquiry-28.html

Which of the three methods for adding components should I choose?

1. Insert an iframe.

Iframes or Inline frames are created by making a container in your webpage to hold another webpage. The advantage here is that the external page can appear as part of your site. Make the background of your webpage white (#FFFFFF) and the Rental Builder components can blend in nicely. I have given an example of code below for each of the four components. You need to replace the URLs in each piece of code with your own.

Availability Calendar.

<P>
<iframe name="Frame1" src="http://www.rentalbuilder.com/availability-28&no_wrap=yes.html" width="100%" height="1000" align="left" frameborder="0" scrolling="no">Sorry, your browser doesn't support inline frames, please click here to view the - <a href="http://www.rentalbuilder.com/availability-28&no_wrap=yes.html">Availability Calendar</a></iframe>
</P>

Guest Book.

<P>
<iframe name="Frame1" src="http://www.rentalbuilder.com/cosy_mountain_house_sample_only-o28-en.html" width="740" height="1000" align="left" frameborder="0">Sorry, your browser doesn't support inline frames, please click here to view the - <a href="http://www.rentalbuilder.com/cosy_mountain_house_sample_only-o28-en.html">Guest Book</a></iframe>
</P>

Photo Slide Show.

<P>
<iframe name="Frame1" src="http://rentalbuilder.com/index.php?page=images&id=28&f=28.jpg" width="740" height="700" align="left" frameborder="1">Sorry, your browser doesn't support inline frames, please click here to view the - <a href="http://rentalbuilder.com/index.php?page=images&id=28&f=28.jpg">Photo Slide Show</a></iframe>
</P>

Email Enquiry Form.

<P>
<iframe name="Frame1" src="http://www.rentalbuilder.com/enquiry-28.html"width="740" height="500" align="left" frameborder="0" scrolling="no">Sorry, your browser doesn't support inline frames, please click here to view the - <a href="http://www.rentalbuilder.com/enquiry-28.html">Email Enquiry Form</a></iframe>
</P>

2. Create a link.

Creating a link is quick and very easy. The downside of using links is that the user obviously needs to leave your website to access the new page. Navigation on the linked page can, however, be removed so the user simply closes the new page to return to your site. You can also state in the link text that the user will temporarily leave your site to view eg the availability calendar.

Add the following HTML code to your website to create a basic link for our sample calendar. You need to replace the URL below with your own.

<a href="http://www.rentalbuilder.com/availability-28&no_wrap=yes.html"target="_blank"> View our Availability Calendar on Rental Builder.com</a>

3. Create a pop-up window.

There are some potential problems using pop-up windows including some users running pop-up killers on their browsers. One other downside of using a pop-up window to display a page from an external website is that the URL shown in the pop-up window is that of the external site. This can leave some users a little disorientated. For more information on pop-ups and how to implement them see:

http://www.accessify.com/features/tutorials/the-perfect-popup/