RESERVATION FORM WordPress
- SOLVED
If somebody send any booking inquiry from my reservation page it shows the bellow message in the email ……….
"Subject: [your-subject]
Message Body:
[your-message]
--
This mail is sent via contact form on BEAUVOIR ARMS http://www.beauvoirs.com"
Doesn’t show any booking details. Is there any problem with the configuration ? Also the calender shows January 2013 then next month shows February 1900.
Can not book from the quick reservation category in side bar. It says "please fill in the form to proceed"
Plug in : Contact form 7 Dynamic text extension
Form i use..........
<h3>Send Enquiry</h3>
<div class="contact-form-container" style="margin-top:10px;overflow:visible;">
<div class="contact-form-inside">
<div class="text-summary" style="float:none;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><strong>Requested date:</strong></td>
<td><strong>Requested time:</strong></td>
<td><strong>Number of persons:</strong></td>
</tr>
<tr>
<td>
<div id="datepickerFormat" style="display: none; visibility: show">mm/dd/yy</div>
<input type="text" id="datePicker1" class="datePicker" name="datepickerFrom" value="Date" />
</td>
<td>
<select name="time" class="time">
<option value="8:00">8:00</option>
<option value="9:00">9:00</option>
<option value="10:00">10:00</option>
<option value="11:00">11:00</option>
<option value="12:00">12:00</option>
<option value="13:00">13:00</option>
<option value="14:00">14:00</option>
<option value="15:00">15:00</option>
<option value="16:00">16:00</option>
</select>
</td>
<td>
<select name="persons" class="persons">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</td>
</tr>
</table>
</div>
</div>
</div>
<h2>Please fill Your Contact Information to complete the Order:</h2>
<table class="contact-form-user">
<tr>
<td>Name:</td>
<td>[text* your-name]</td>
<td class="empty"></td>
</tr>
<tr><td>E-mail:</td>
<td>[text* your-email]</td>
<td class="empty"></td>
<tr>
<td>Telephone:</td>
<td>[text* your-phone]</td>
<td class="empty"></td>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5">Message</td>
</tr>
<tr>
<td colspan="5">[textarea your-options]</td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
</table>
<p>[submit "Send"]</p>
thank you.
NOTE -I am using the theme called RISTORANTE, bought from (Aitthemes.com)
Answers (2)
Dbranes answers:
Hi, I think the problem is that you don't have the input fields that are corresponding to
[your-subject], [your-message]
Try instead this for example
Subject: [your-name]
Message Body:
[your-options]
where you are refering to the form fields:
[text* your-name]
[textarea your-options]
beauvoirarms comments:
thank you for your reply but sorry i dint understand. you mean website name or my personal name and what is your-option. can explain little more where exactly i have to go to change.. sorry im clueless.
Dbranes comments:
visit the contact form setup page, and edit the "mail" part for this form.
try replacing the text [your-message] with the text [your-options]
ps: You also have 2 datepickers input with the same id here:
http://www.beauvoirs.com/reservations/
that might be causing a conflict.
Dbranes comments:
i.e. there is a conflict between the datepickers in the reservation-widget (left side) and the datepicker in the form on the main page (right side).
so you could try to replace
<input type="text" id="datePicker1" class="datePicker" name="datepickerFrom" value="Date" />
with
<input type="text" id="datePicker3" class="datePicker" name="datepickerFrom" value="Date" />
in you main reservation form code in you question above.
Dbranes comments:
<blockquote>you mean website name or my personal name and what is your-option. can explain little more
</blockquote>
To get the value of this part of your form
<tr>
<td colspan="5">[textarea your-options]</td>
</tr>
you have to use [your-options] in the mail form, i.e.
Message Body:
[your-options]
instead of
Message Body:
[your-message]
see screenshot here:
http://contactform7.com/setting-up-mail/
Rowela Alzona answers:
Hi mate check out the screenshots i made for you:
Once you follow the screenshot then paste this code properly in your ContactForm Setup:
Requested Date: [text requested-date id:datePicker1 class:datePicker name:datepickerFrom value:Date]
Requested Time: [select* requested-time "8:00" "9:00" "10:00" "11:00" "12:00" "13:00" "14:00" "15:00" "16:00" "Not Specified"]
Number of person: [select number-of-person class:persons name:persons "1" "2" "3" "4" "5" "6" "More" ]
Your Name * [text* your-name]
Your Email * [email* your-email]
Your Telephone * [text* your-telephone]
Your Message [textarea your-message]
[submit "Send"]
And for the MESSAGE BODY paste this also:
Requested Date: [requested-date]
Requested Time: [requested-time]
Number of person: [number-of-person]
Your Name [your-name]
Your Email [your-email]
Your Telephone [your-telephone]
Your Message [your-message]
--
This mail is sent via contact form on BEAUVOIR ARMS http://www.beauvoirs.com"
Rowela Alzona comments:
Attaching another screenshot for your reference, following it may help you:
[[LINK href="http://tinyurl.com/am29j9c"]][[/LINK]]