Currently we recommend marinas configure Pre-arrival, Departure, and Follow-Up emails.
You will need to go in and add images and check that the links all work (emails, phone numbers, NOAA chart). Do this by sending yourself a test email and clicking the links from your personal email. (note: the messages link will not work since it is a dummy reservation)
You have the ability to completely customize these emails, but to get started you can simply copy the applicable templates into your marina’s profile. This is done by copying the source code from the following templates into the corresponding email editor for your marina.
Template Code
Cut and paste the HTML in the gists below into Dockwa and then edit the copy, paying specific attention to the spaces that have the “<<>>” format. These tokens don’t yet exist, so we need to add them or remove them from the email depending if that information is available. For the pre-arrival and Departure source code you will only need to manually change the colors to align with the brand of the marina and manually add the wifi information. Add photos at your own discretion.
Pre-Arrival:
<table width="700" cellspacing="4" cellpadding="0" align="center" bgcolor="#326483">
<tbody>
<tr>
<td class="templet_fullsize_image" bgcolor="#FFFFFF">
<p style="margin: 12px;">Dear {{CONTACT_FIRST_NAME}},<br /><br />Thank you for making a reservation at {{MARINA_NAME}}, we look forward to seeing you in a few days! Below you will find information about your arrival and check-in. Your experience is our priority, so please don’t hesitate to contact us with any questions or concerns prior to your arrival. We are excited to see you and wish you a safe journey!<br /><br /></p>
<table style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; text-align: left; height: 460px;" border="0" width="550" cellspacing="2" cellpadding="3" align="center">
<tbody>
<tr style="height: 15px;">
<td style="font-size: 12px; font-weight: bold; color: #ffffff; height: 15px; width: 641.21875px;" colspan="2" align="center" bgcolor="#326483">R E S E R V A T I O N I N F O R M A T I O N</td>
</tr>
<tr style="height: 36px;">
<td style="height: 36px; width: 159.609375px;" nowrap="nowrap"><strong>Slip Assignment</strong></td>
<td style="height: 36px; width: 471.609375px;" nowrap="nowrap">{{ASSIGNMENT_FIRST_NIGHT}} <br />Please see approach instructions below.</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Vessel</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap">{{BOAT_NAME}}, {{BOAT_LENGTH_OVERALL}}' {{BOAT_TYPE}}</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Arrival Date</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap">{{RESERVATION_ARRIVAL}}</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Departure Date</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap">{{RESERVATION_DEPARTURE}}</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Check-in Time</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap">{{MARINA_CHECK_IN_TIME}}</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Check-out Time</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap">{{MARINA_CHECK_OUT_TIME}}</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Reservation Total Price</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap">{{RESERVATION_TOTAL_PRICE}}</td>
</tr>
<tr style="height: 15px;">
<td style="font-size: 12px; font-weight: bold; color: #ffffff; height: 15px; width: 641.21875px;" colspan="2" align="center" bgcolor="#326483">A P P R O A C H I N S T R U C T I O N S</td>
</tr>
<tr style="height: 58px;">
<td style="height: 58px; width: 159.609375px;" nowrap="nowrap">Getting here</td>
<td style="height: 58px; width: 471.609375px;">{{APPROACH_INSTRUCTIONS}} When you're close to {{MARINA_NAME}}, please hail us on channel {{MARINA_VHF_CHANNEL}} and let us know that you're close.</td>
</tr>
<tr style="height: 54px;">
<td style="height: 54px; width: 159.609375px;" nowrap="nowrap">GPS</td>
<td style="height: 54px; width: 471.609375px;">Our coordinates are {{MARINA_LAT}},{{MARINA_LON}}. <a href="https://www.google.com/maps/search/?api=1&query={{MARINA_LAT}},{{MARINA_LON}}">Please click here for a Google Map of the marina's location.</a><br /><a href="https://marinas.com/map?lat={{MARINA_LAT}}&lon={{MARINA_LON}}&zoom=13.68111727497626&markers=marina,harbor,anchorage,inlet,bridge,lock,lighthouse,ferry,landmark&style=dockwa/cjqqv2g8d3ve22rt7hro70qa1&pin_id={{MCOM_ID}}">Click here for a link to a nautical chart.</a></td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Marina Map</td>
<td style="height: 18px; width: 471.609375px;"><a style="text-decoration: none;" href="{{MARINA_MAP_URL}}" target="_blank" rel="noopener">Click here to access our marina map</a></td>
</tr>
<tr style="height: 15px;">
<td style="font-size: 12px; font-weight: bold; color: #ffffff; height: 15px; width: 641.21875px;" colspan="2" align="center" bgcolor="#326483">A M E N I T I E S & I N F O</td>
</tr>
<tr style="height: 36px;">
<td style="height: 36px; width: 159.609375px;" nowrap="nowrap">Marina Wifi</td>
<td style="height: 36px; width: 471.609375px;">Network: <<>><br />Password: <<>></td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Marina Amenities</td>
<td style="height: 18px; width: 471.609375px;"><a style="text-decoration: none;" href="{{MARINA_WEBSITE}}" target="_blank" rel="noopener">Click here to see our marina offerings</a></td>
</tr>
<tr style="height: 15px;">
<td style="font-size: 12px; font-weight: bold; color: #ffffff; height: 15px; width: 641.21875px;" colspan="2" align="center" bgcolor="#326483">C O N T A CT I N F O R M A T I O N</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Main Number</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap"><a style="color: #444444; text-decoration: none;" href="tel:{{MARINA_PHONE}}">{{MARINA_PHONE}}</a></td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Email Us</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap"><a style="color: #444444; text-decoration: none;" href="mailto:{{MARINA_EMAIL}}">{{MARINA_EMAIL}}</a></td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" nowrap="nowrap">Marina Website</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap"><a style="color: #444444;" href="{{MARINA_WEBSITE}}" target="_blank" rel="noopener">{{MARINA_WEBSITE}}</a></td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; width: 159.609375px;" valign="top">Cancelation</td>
<td style="height: 18px; width: 471.609375px;" nowrap="nowrap"><a style="color: #444444;" href="{{MARINA_CANCELATION_POLICY_URL}}">View our cancelation policy here.</a></td>
</tr>
</tbody>
</table>
<div style="margin: 12px; color: #444444;">
<p> </p>
<p>If you must cancel your reservation, or change any part of, kindly provide us notice in order to avoid any possible penalty fees. <b><a style="color: #444444; text-decoration: none;" href="https://www.dockwa.com/account/messages/{{RESERVATION_ENCODED_ID}}?type=Reservation">Click here to chat us through Dockwa</a></b>.</p>
<p>We are committed to providing you with the highest level of service to ensure that your experience while visiting us is excellent. If you have any questions or concerns, please do not hesitate to reach out to us by calling <b><a style="color: #444444; text-decoration: none;" href="tel:{{MARINA_PHONE}}">{{MARINA_PHONE}}</a></b>.</p>
<p>We look forward to hosting you for a relaxing, effortless stay at our property.</p>
<p>The Crew at {{MARINA_NAME}}<br /><a style="color: #444444; text-decoration: none;" href="mailto:{{MARINA_EMAIL}}?Subject=Upcoming%20Resv:%20{{RESERVATION_ENCODED_ID}}" target="_blank" rel="noopener">{{MARINA_EMAIL}}</a></p>
</div>
</td>
</tr>
<tr>
<td>
<div align="center"><img style="height: auto; width: 689px;" src="{{MARINA_FEATURED_IMAGE_URL}}" alt="pano" /></div>
</td>
</tr>
</tbody>
</table>
Departure:
<table width="700" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td bgcolor="#FFFFFF">
<p style="margin: 12px;">Dear {{CONTACT_FIRST_NAME}},<br /><br />On behalf of {{MARINA_NAME}}, our staff would like to thank you for staying with us during your recent visit aboard {{BOAT_NAME}}.</p>
<p style="margin: 12px;">If you have any questions, comments, or concerns that we were unable to address while you were in harbor, please don't hesitate to reach out to us via email <a href="mailto:{{MARINA_EMAIL}}">{{MARINA_EMAIL}}</a>. If you enjoyed your time in port, please consider leaving our team a review on Marinas.com:</p>
<div align="center"> </div>
<div align="center">
<a style="text-transform: uppercase; font-weight: bold; border: none; border-radius: 8px; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; background-color: #138701;" href="https://marinas.com/view/marina/{{MCOM_ID}}">Leave a Review</a>
<a style="text-transform: uppercase; font-weight: bold; border: none; border-radius: 8px; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 15px 20px; cursor: pointer; background-color: #dc3554;" href="https://dockwa.com/explore/destination/{{MCOM_ID}}" target="_blank" rel="noopener">Book Again!</a>
</div>
<div align="center"> </div>
<p style="margin: 12px;">Again, thank you for visiting {{MARINA_NAME}}. We hope you enjoyed your time in port and that you decide to visit us again in the future!</p>
<p style="margin: 12px;">The Crew at {{MARINA_NAME}}<br /><a style="color: #444444; text-decoration: none;" href="mailto:{{MARINA_EMAIL}}?Subject=Upcoming%20Resv:%20{{RESERVATION_ENCODED_ID}}" target="_blank" rel="noopener">{{MARINA_EMAIL}}</a></p>
</td>
</tr>
</tbody>
</table>
</table>
Follow-up:
<div style="color: #192b44;">
<p>{{CONTACT_FIRST_NAME}},</p>
<p>On behalf of the {{MARINA_NAME}}, our department would like to thank you and all those aboard {{BOAT_NAME}} for visiting us. We hope you had a pleasant experience and look forward to the opportunity to serve you in future visits.</p>
<p>If you enjoyed your time in port, please consider leaving our hardworking team a review on <a style="text-decoration: none;" href="https://marinas.com/view/marina/{{MCOM_ID}}" target="_blank" rel="noopener">our marinas.com profile</a>. If there is anything we can help you with, feel free to reply to this email to reach us directly.</p>
<hr style="border-color: #b3e0ff;" noshade="noshade" />
<div align="center"><a style="text-transform: uppercase; font-weight: bold; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; background-color: #192b44;" href="https://www.marinas.com/view/marina/{{MCOM_ID}}" target="_blank" rel="noopener">Leave a Review</a><hr style="border-color: #b3e0ff;" noshade="noshade" />
<p>Thanks again for choosing {{MARINA_NAME}}.</p>
<p>Fair Winds & Following Seas,</p>
<p>{{MARINA_NAME}}<br /><i>Standing By Channel {{MARINA_VHF_CHANNEL}}</i></p>
<hr style="border-color: #b3e0ff;" noshade="noshade" />
<div align="center"><img style="height: 268.75px; width: 698.02px;" src="{{MARINA_FEATURED_IMAGE_URL}}" /></div>
<hr style="border-color: #b3e0ff;" noshade="noshade" /></div>
</div>
Additional:
Simple code resources:
Desired Result | Code |
New Text Paragraph | <p> text goes here </p> |
New Section | <div> </div> |
Line Break | <br /> |
Bullet Points | <ul> |
Header | <h3>text goes here </h3> |
Bold | <b>text goes here </b> |
Italics | <i>text goes here </i> |
Underline | <u>text goes here </u> |
Clickable Phone number | <a style="text-decoration: none;" href="tel:123.456.7890">(123) 456-7890</a> |
Clickable Image | <a target="_blank" href=”link goes here”><img src=”image URL goes here (upload your image to hubspot or cloudinary to generate an image URL” /></a> |
Clickable Email with subject "Reservation #### Follow Up" and "[email protected]" Email address | <a style="text-decoration: none;" href="mailto:[email protected]?Subject=Reservation:%20{{RESERVATION_ENCODED_ID}}%20Follow%20Up" target="_top">[email protected]</a> |
Website link to Dockwa | <a style="text-decoration: none;" target="_blank" href="https://www.dockwa.com/explore/destination/">Dockwa</a> |
Center aligned Images sized height 239 x width 648 | <div align="center"><img style="height: 239px; width: 648px;" src="https://res.cloudinary.com/dockwa/image/upload/v1487188419/marinas/edgartownharbor/13996252_10210621779728490_520041009105865772_o.jpg" alt="picture name" /></div> |
Link with 10% discount | <a style="text-decoration: none;" target="_blank" href="https://www.dockwa.com/explore/destination/x1clqdj-stanwoods-demo-marina?promo_code=SAVE_10"SAVE_10</a>> |
"Rate us on Marinas.com" Button | <div align="center"> </div> |
Link to book now Button | <div align="center"><a style="text-transform: uppercase; font-weight: bold; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 15px 20px; cursor: pointer; background-color: #dc3554;" href="https://www.dockwa.com/explore/destination/x1clqdj-stanwoods-demo-marina" target="_blank" rel="noopener">Stay Again!</a></div> |
Link to Dockwa Chat | <a style="text-decoration: none;" href="https://www.dockwa.com/account/messages/{{RESERVATION_ENCODED_ID}}">Click here to chat us through Dockwa</a> |