Calculator Tools Calculator Tools
Create

Short Term Rental Property Description Maker

Nov 20, 2023

About this app

Create compelling property descriptions for your short term rental units based on amenities and location.

Short Term Rental Property Description Maker 🏡 Short Term Rental Property Description Maker 🗝️ Generate Description Your property description will appear here...

Related apps

Put this on your site

Source

                    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Short Term Rental Property Description Maker</title>
<meta name="description" content="Create compelling property descriptions for your short term rental units based on amenities and location.">
<meta name="keywords" content="property description, rental, short term, amenities, location, description maker">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<script type="text/javascript">
try {
function saveLocal(name, data) {
localStorage.setItem(name, JSON.stringify(data));
}

function loadLocal(name) {
const data = localStorage.getItem(name);
return data ? JSON.parse(data) : null;
}

$(document).ready(function () {
$("#generate").click(function () {
var amenities = $("#amenities").val().split(',').map(function(item) {
return item.trim();
});
var location = $("#location").val();

var description = `Discover a charming getaway at our short term rental, perfectly situated in ${location}. This retreat boasts `;
if (amenities.length > 0) {
description += amenities.join(', ') + ' ';
}
description += `and more, ensuring a comfortable and memorable stay.`;

$("#description").text(description);
saveLocal('description', description);
});

var savedDescription = loadLocal('description');
if (savedDescription) {
$("#description").text(savedDescription);
}
});

} catch (error) {
throw error;
}
</script>

<style>
body {
font-family: 'Roboto', sans-serif;
}
#main-container {
margin-top: 50px;
}
h1 {
font-family: 'Fredoka One', cursive;
color: #563d7c;
text-align: center;
margin-bottom: 40px;
}
#description {
margin-top: 20px;
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
border: 1px solid #ddd;
min-height: 100px;
}
.emoji {
font-size: 24px;
position: relative;
top: 5px;
}
</style>
</head>
<body>
<div id="main-container" class="container text-center">
<h1>🏡 Short Term Rental Property Description Maker 🗝️</h1>

<div class="row justify-content-center">
<div class="col-md-6">
<input type="text" id="location" class="form-control" placeholder="Enter location (e.g., 'downtown San Francisco')">
</div>
</div>
<div class="row justify-content-center mt-3">
<div class="col-md-6">
<input type="text" id="amenities" class="form-control" placeholder="Enter amenities separated by commas (e.g., 'Wi-Fi, Netflix, hot tub')">
</div>
</div>
<button id="generate" class="btn btn-primary mt-3">Generate Description</button>

<div id="description" class="mt-3">
Your property description will appear here...
</div>
</div>
</body>
</html>