Create a Floating Website Self-Tour Button – Rently

Overview: This article will show you how to add a floating self-tour button to your company's web page. This is helpful because potential renters can click the button and start the self-tour scheduling process.

The below source code can be used to customize a Floating Self-Tour button on your website.

<body>
<script src="https://secure.rently.com/tour-btn.js"></script>
<script>
 const styles = {
 width: "200px",
 height: "50px",
 borderRadius: "0px",
 fontSize: "10px",
 backgroundColor: "black",
 color: "orange",
 top: '40px',
 right: '40px'
 };
 selfTourButton({
 buttonText: "Self Tour Now",
 redirectLink: "https://homes.rently.com"
 },styles);
</script>
 </body>

These are what the corresponding values do:

width: the width of the button
height: the height of the button
borderRadius: the radius of the button border
fontSize: the size of the button text font
backgroundColor: the background color of the button
color: the color of the button text
top: position of the button from the top of your website
right: position of the button from the right of your website
buttonText: the text that appears on the button
redirectLink: the respective Community Listing Link for the Community whose button it is meant for

If you need any additional assistance, please contact Rently support at 888-340-6340.

Related articles