Here is an example of a Discover The Area page you can add to any OwnerRez-hosted site by following the steps below:
Example Site
How to add this to an OwnerRez-hosted site:
- Go to the OwnerRez hosted site and select Create Page > Custom.
- Set the title to Discover The Area, menu display text to Discover The Area, and the slug to discover-the-area.
- In the content box, upload the photos of each Discover image. You can do this by clicking the Upload Image button or by dragging the photos into the content text box.
- Once you see all your Discover photos in the content box, click the Edit HTML Source button, then copy down each image's URL link. We will need these later.
Note: You will want to upload a unique image for each Discover Area you want to show, and each image should ideally be the same size so they all look nice on the page.
- In the content box, click the Edit HTML Source button, then paste the example code below:
<div class="row">
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/f/0dec9a26f55c4e86bbceb9bc3da5f3d3" width="378" height="251" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Snow Trails</strong></p>
<p><span>Ohio's premier resort for skiing, snowboarding, and snow tubing. Serenely nestled in the Possum Run Valley - one of the coldest in Ohio and best for making and maintaining snow.</span></p>
<p><a href="https://www.snowtrails.com/"><span>More Info</span></a></p>
</div>
</div>
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/f/d4d9d9ac8aad430aa1a3d5bc85b49751" width="334" height="222" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>The Ohio State Reformatory</strong></p>
<p><span>Stroll the halls and visit the cells of some of history's toughest criminals. Tour the set, </span><em>The Shawshank Redemption</em><span>. Whether you're reliving scenes from classic films, hunting for the paranormal, or basking in beautiful Romanesque architecture, take a walk through history.</span></p>
<p><a href="https://themansfieldmuseum.com/"><span>More Info</span></a></p>
</div>
</div>
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/i/200155adb3cf4c5a93e7c7c73cef2fcc-MediumOriginal" width="375" height="249" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Mid Ohio Sports Car</strong></p>
<p><span>It hosts a wide range of racing events, including professional and amateur competitions. With its challenging track layout and picturesque surroundings, it's a favorite among drivers and fans alike. </span></p>
<p><a href="https://destinationmansfield.com/venue/mid-ohio-sports-car-course-2/"><span>More Info</span></a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/f/23e5c7ef90854d12a9381e47145c83b3" width="380" height="252" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Kingwood Center</strong></p>
<p><span>This is a stunning 47-acre estate featuring meticulously manicured gardens, lush landscapes, and historic architecture. Visitors can explore the tranquil beauty, attend seasonal events, and take in the captivating floral displays. This is a must-visit destination for nature enthusiasts.</span></p>
<p><a href="https://kingwoodcenter.org/"><span>More Info</span></a></p>
</div>
</div>
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/f/2e6b1d07d3de461fb63f7df399cc5e0b" width="402" height="268" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Mohican State Park</strong></p>
<p><span>Boasting over 1,100 acres of lush forests, scenic trails, and the stunning Clear Fork Gorge. Visitors can enjoy hiking, horseback riding, fishing, and camping amidst the park's breathtaking landscapes. </span></p>
<p><a href="https://ohio.org/travel-inspiration/articles/historical-highlights-at-mohican-and-malabar-state-parks"><span>More Info</span></a></p>
</div>
</div>
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/i/718bd9cb5140419099c1b12b8782518d-MediumOriginal" width="361" height="240" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Richland Carrousel Park</strong></p>
<p><span>Pavilion with a recently built, hand-carved carousel with organ music, plus a gift shop. The Carrousel is home to 30 horses and 22 menagerie figures, including 4 bears, 4 ostriches, 4 cats, 4 rabbits, a goat, giraffe, lion, tiger, zebra and more!</span></p>
<p><a href="https://richlandcarrousel.com/"><span>More Info</span></a></p>
</div>
</div>
</div> - Replace the highlighted text with your own content and choose Save and Close. The example shows you six Discover Areas.
Note: Don't worry if the images and text in the content box don't look like the example yet; it will look right on your live site. - Check out your test site or live site (if you have set up your own domain) to see the results! This is what yours should look like if you followed the steps correctly: Example Site
Pro Tip: You can copy and paste the example code above into ChatGPT, Claude, Gemini, etc., and ask it to replace the example Discover Areas with your own list of Discover Areas. Once it returns the corrected code, simply copy and paste it into the HTML editor box mentioned above to replace everything there, then save and close.
For example, your prompt could look like this:
I'd like you to give me code in the same format as the following, but use these Discover Areas:
Area image link: https://uc.orez.io/w/files/baf7e7b806b1431faa2d0d7edbb14ea0
Area Name: Mama's Fish House
Area Description: Upscale restaurant right on the water with the best seafood you will have in your life!
Area Link: https://mamasfishhouse.com/
Area image link: [Fill in your own based on example above]
Area Name: [Fill in your own based on example above]
Area Description: [Fill in your own based on example above]
Area Link: [Fill in your own based on example above]
Area image link: [Fill in your own based on example above]
Area Name: [Fill in your own based on example above]
Area Description: [Fill in your own based on example above]
Area Link: [Fill in your own based on example above]
Area image link: [Fill in your own based on example above]
Area Name: [Fill in your own based on example above]
Area Description: [Fill in your own based on example above]
Area Link: [Fill in your own based on example above]
Area image link: [Fill in your own based on example above]
Area Name: [Fill in your own based on example above]
Area Description: [Fill in your own based on example above]
Area Link: [Fill in your own based on example above]
Area image link: [Fill in your own based on example above]
Area Name: [Fill in your own based on example above]
Area Description: [Fill in your own based on example above]
Area Link: [Fill in your own based on example above]
Code to use as reference:
<div class="row">
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/f/0dec9a26f55c4e86bbceb9bc3da5f3d3" width="378" height="251" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Snow Trails</strong></p>
<p><span>Ohio's premier resort for skiing, snowboarding, and snow tubing. Serenely nestled in the Possum Run Valley - one of the coldest in Ohio and best for making and maintaining snow.</span></p>
<p><a href="https://www.snowtrails.com/"><span>More Info</span></a></p>
</div>
</div>
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/f/d4d9d9ac8aad430aa1a3d5bc85b49751" width="334" height="222" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>The Ohio State Reformatory</strong></p>
<p><span>Stroll the halls and visit the cells of some of history's toughest criminals. Tour the set, </span><em>The Shawshank Redemption</em><span>. Whether you're reliving scenes from classic films, hunting for the paranormal, or basking in beautiful Romanesque architecture, take a walk through history.</span></p>
<p><a href="https://themansfieldmuseum.com/"><span>More Info</span></a></p>
</div>
</div>
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/i/200155adb3cf4c5a93e7c7c73cef2fcc-MediumOriginal" width="375" height="249" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Mid Ohio Sports Car</strong></p>
<p><span>It hosts a wide range of racing events, including professional and amateur competitions. With its challenging track layout and picturesque surroundings, it's a favorite among drivers and fans alike. </span></p>
<p><a href="https://destinationmansfield.com/venue/mid-ohio-sports-car-course-2/"><span>More Info</span></a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/f/23e5c7ef90854d12a9381e47145c83b3" width="380" height="252" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Kingwood Center</strong></p>
<p><span>This is a stunning 47-acre estate featuring meticulously manicured gardens, lush landscapes, and historic architecture. Visitors can explore the tranquil beauty, attend seasonal events, and take in the captivating floral displays. This is a must-visit destination for nature enthusiasts.</span></p>
<p><a href="https://kingwoodcenter.org/"><span>More Info</span></a></p>
</div>
</div>
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/f/2e6b1d07d3de461fb63f7df399cc5e0b" width="402" height="268" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Mohican State Park</strong></p>
<p><span>Boasting over 1,100 acres of lush forests, scenic trails, and the stunning Clear Fork Gorge. Visitors can enjoy hiking, horseback riding, fishing, and camping amidst the park's breathtaking landscapes. </span></p>
<p><a href="https://ohio.org/travel-inspiration/articles/historical-highlights-at-mohican-and-malabar-state-parks"><span>More Info</span></a></p>
</div>
</div>
<div class="col-md-4">
<div class="subtle-box" style="text-align: center;">
<h4><strong><span style="font-size: 16.0pt; font-family: 'Calibri',sans-serif;"><img src="https://uc.orez.io/i/718bd9cb5140419099c1b12b8782518d-MediumOriginal" width="361" height="240" /><br /><br /></span></strong><span style="font-size: 11pt;"></span></h4>
<p><strong>Richland Carrousel Park</strong></p>
<p><span>Pavilion with a recently built, hand-carved carousel with organ music, plus a gift shop. The Carrousel is home to 30 horses and 22 menagerie figures, including 4 bears, 4 ostriches, 4 cats, 4 rabbits, a goat, giraffe, lion, tiger, zebra and more!</span></p>
<p><a href="https://richlandcarrousel.com/"><span>More Info</span></a></p>
</div>
</div>
</div>