Here is an example of a Meet The Team 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 Meet The Team, menu display text to Meet The Team, and the slug to meet-the-team.
- In the content box, upload the photos of each member of your team. 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 team photos in the content box, click the Edit HTML Source button, then copy down each image's URL link. We will need these later.
- Once the image URLs have been copied down, remove all text/code from the HTML editor window, then paste the following HTML code:
<div class="team-page">
<div class="team-page">
<div class="row">
<div class="staff-section">
<div class="col-sm-6"><img src="https://uc.orez.io/f/8811d8b7ed4945b9a51f12814ebd064f" alt="" width="744" height="1116" /></div>
<div class="col-sm-6">
<h2>Team Member Name 1</h2>
<h3>Owner/Property Manager</h3>
<p>This is where you enter this persons description. For example: Rezzy is an amazing AI assistant who knows everything about vacation rentals and OwnerRez. If you ever need help or want to learn how to do something Rezzy will always be ready to assist you.</p>
</div>
</div>
</div>
<div class="row">
<div class="staff-section">
<div class="col-sm-6">
<p></p>
</div>
</div>
</div>
</div>
</div>
<meta charset="utf-8" />
<div class="team-page">
<div class="team-page">
<div class="row">
<div class="staff-section">
<div class="col-sm-6">
<h2>Team Member Name 2</h2>
<h3>Owner/Property Manager</h3>
<p style="text-align: left;">This is where you enter this persons description. For example: Rezzy is an amazing AI assistant who knows everything about vacation rentals and OwnerRez. If you ever need help or want to learn how to do something Rezzy will always be ready to assist you.</p>
</div>
<div class="col-sm-6"><img src="https://uc.orez.io/f/2484ae807fde4b498e44dc666bf3ce59" alt="" width="795" height="1193" /></div>
<p> </p>
</div>
</div>
</div>
</div> - Replace the highlighted text with your own content. Paste the URLs you copied earlier into each highlighted URL above. Then enter the names, titles, and descriptions for each person. Once you have edited the example code above, click Save and Close. Note: Don't worry if the content box looks like the text is overlapping; 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