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
Comments
0 comments
Article is closed for comments.