How to to customize booking form for having several steps of reservation process ? [all paid versions only]
If you want to make several steps for reservation process, so then you need to customize your booking form at Booking > Settings > Fields page.
Your customization have to looklike this (Plese take your attention to the bold code, which is make all this trick)
<div class="bk_calendar_step">
[calendar]
<a href="javascript:bk_calendar_step_click();">Continue to step 2</a>
</div>
<div class="bk_form_step" style="display:none;">
<div style="text-align:left">
<a href="javascript:bk_form_step_click();">Back to step 1</a>
<p>First Name (required):<br /> [text* name] </p>
<p>Last Name (required):<br /> [text* secondname] </p>
<p>Email (required):<br /> [email* email] </p>
<p>Phone:<br /> [text phone] </p>
<p>Details:<br /> [textarea details] </p>
<p>[submit "Send"]</p>
</div>
</div>
<script type="text/javascript">
function bk_calendar_step_click(){
jWPDev('.bk_calendar_step' ).css({'display':'none'});
jWPDev('.bk_form_step' ).css({'display':'block'});
}
function bk_form_step_click(){
jWPDev('.bk_calendar_step' ).css({'display':'block'});
jWPDev('.bk_form_step' ).css({'display':'none'});
}
</script>