FAQ Q189: I'd like to display the price in the reservation form in a different area.
By default (wihout the $(your_rate...) tags in the reservation form template, the price in the reservation form is shown in a dark stripe, always visible on the right edge of the page. You can change this by removing the default $(your_rate_box_sticky_right) tag from the reservation form template. In such case the price will be shown just before the Reserve
button. If you'd like a different position postiion of this box, you have the following options:
- You can easily move the price anywhere you like on your page (outside of the code generated by planyo) by creating an element with the ID planyo_price_holder, e.g.: <div id='planyo_price_holder'></div>
- If you'd like the box to be visible whenever the booking form is visible (scrolled into view), then use the tag $(your_rate_box_floating) in the reservation form template. This tag will only move the box vertically but will not change the horizontal position. This is why you should make sure it's displayed to the left or to the right of the form, so that it doesn't cover the form fields. If your reservation form is wide enough you can for example float it to the right: <div style='float:right'>$(your_rate_box_floating)</div>. You can also set a fixed horizontal position this way: <div style='clear:left;margin-left:600px;>$(your_rate_box_floating)</div> -- in this case 600px from the left edge of the booking form.
- A great alternative to the floating price is a sticky (always visible) dark stripe which can be shown on the right edge (vertical) of the page - use the tag $(your_rate_box_sticky_right), or on the bottom edge (horizontal) of the page - use the tag $(your_rate_box_sticky). This tag is added to your reservation form by default. On mobile devices, the sticky stripe will always be displayed at the bottom.
- If you want the box to be displayed within the reservation form template itself (e.g. below the calendar preview), you can also use the $(your_rate_box) tag in the reservation form template. This will insert a 'your rate' box formatted in the same way as the default box (full width, 'your rate' text and grey background).