AIM - Editing static topics for Lane Reservations

Modified on Thu, 14 Mar 2024 at 06:00 PM

While setting up your Range Reservations, you have the option to personalize your messaging by editing the text that displays on each page. Below are all of the topics you can edit, and where those topics will show during checkout. The topics are all listed in order of the range reservation process. If you are unfamiliar with editing topics, please view our article about editing topics here.

If you attempt to begin a range reservation without an account, or without being signed in:

RangeReservation.AccountRequired

/rangereservationselectstore

default:

<h2 class="range-reservation-header"><em>Account Required for Range Reservation-Testing<br /></em></h2>

(to change the text below the RangeReservation.AccountRequired topic, look for a topic called RangeReservationMembershipError)

Once you have logged in to the website as a valid account holder:

RangeReservation.MakeReservationSelectStoreHeader

/rangereservationselectstore

default:

<h2 class="range-reservation-header">Make a range reservation - Select Store</h2>

RangeReservation.MakeReservationSelectRangeHeader

/rangereservationselectrange

default:

<h2 class="range-reservation-header">Make a range reservation - Select Range</h2>

RangeReservation.MakeReservationSelectDayHeader

/rangereservationselectday

default:

<h2 class="range-reservation-header">Make a range reservation - Select Day</h2>

RangeReservation.MakeReservationSelectDurationHeader

/rangereservationselectduration

default:

<h2 class="range-reservation-header">Make a range reservation - Select Duration</h2>

RangeReservation.MakeReservationSelectLaneHeader

/rangereservationselectlane

default:

<h2 class="range-reservation-header">Make a range reservation - Select Lane</h2>

RangeReservation.MakeReservationSelectTimeHeader

/rangereservationselecttime

default:

<h2 class="range-reservation-header">Make a range reservation - Select Time</h2>

RangeReservation.ReviewReservationHeader

/rangereservationreviewreservation

default:

<h2 class="range-reservation-header">Review your range reservation</h2>

Bonus: On the reservation confirmation page, you can also edit a topic to change the message

RangeReservationConfirmationInfo

/rangereservationconfirmation

This topic is called "RangeReservationConfirmationInfo"

You can edit the text, but be sure not to change the surrounding code. Editing this should be reserved for those that understand html. If you have any questions about editing parts of this page, please contact Vortx support.

You can click the image below to enlarge and see the relationship between the html and the corresponding area of the confirmation page.

default html for the topic (RangeReservationConfirmationInfo):

<div class="row">
   <div class="col-md-5">
      <h2 class="range-reservation-header">You're all set!</h2>
      <h2 class="range-reservation-header">See you at the range</h2>
   </div>
</div>
<div class="row">
   <div class="col-md-5">
      <div class="range-current-selections">
         <ul class="list-unstyled">
            <li>
               <em class="text-primary fa fa-map-marker" aria-hidden="true"></em> 
               <span>(!RANGE_LocationDescription!)</span>
            </li>
            <li>
               <em class="text-primary fa fa-dot-circle-o" aria-hidden="true"></em>
               <span> (!RANGE_Name!) - (!RANGE_LaneName!)</span>
            </li>
            <li>
               <em class="text-primary fa fa-calendar-o" aria-hidden="true"></em>
               <span>(!RANGE_StartDate!)</span>
            </li>
            <li>
               <em class="text-primary fa fa-clock-o" aria-hidden="true"></em>
               <span>(!RANGE_Duration!) Minutes</span>
            </li>
         </ul>
         <p>(!RANGE_ALLOWEDGUESTS!) guest(s) are permitted to accompany you.</p>
         <p>Notes : (!RANGE_NOTES!)</p>
         <p><a href="/https://www.smartwaiver.com/"> Save time checking in use SmartWaiver</a></p>
      </div>
      <div class="range-contact-wrapper">
         <a href="(!Contact_URL!)">Questions Contact Us!</a>
      </div>
   </div>
</div>

Bonus Reservation email:

After a range reservation is placed, your site should send an email to your customer to confirm the range reservation. That Email will look like this:

You can edit this email with a topic as well.

This topic is called "Email.Templates.RangeReservationConfirmation" and is dynamic, meaning it will change based on specific details about each range reservation.

You can edit the text, but be sure not to change the template tokens (also called "keywords") contained in the {{ }} handlebar syntax brackets. For example, on this line of code, you would NOT change the RED, but you CAN change the GREEN.

<p><strong>Date:</strong> {{StartDate}}</p>

You can click the image below to enlarge and see the relationship between the html and the corresponding area of the confirmation page.

The default code for this topic is

<html>
   <head>
      <title>Confirmation - See you at the range!</title>
   </head>
   <body>
      <p> </p>
      <h3>You're all set!</h3>
      <h4>See you at the range</h4>
      <p><strong>Location:</strong> {{LocationDescription}}</p>
      <p><strong>Name:</strong> {{RangeName}}<br />
         <strong>Lane:</strong> {{LaneName}}
      </p>
      <p><strong>Date:</strong> {{StartDate}}</p>
      <p><strong>Duration:</strong> {{Duration}} Minutes</p>
      <p><strong>Allowed Guests:</strong> {{NumberOfGuests}} guest(s) are planning to accompany you.</p>
      <p><strong>Notes:</strong> {{Notes}}</p>
      <p><a href="{{ContactUsLink}}">Contact Us</a></p>
   </body>
</html>

If you need helping editing any topics with the AIMStorefront Range Reservations module, or have any questions about editing these topics, please reach out to AIMStorefront support by submitting a service ticket.