Inquiry With Contact Form 7

Build Inquiry Form in Single Service Page with Contact Form 7

Instead of the default inquiry form, you can build your own form by Contact Form 7 and set it as Inquiry Form in the single service page

For example https://modtel.travelerwp.com/hotel_room/queen-room-8/

1. Create New Form

On the Admin Sidebar, go to the Contact Form > Add New to create a new contact form

1.1. Form Template

You can edit the form template in the Form section

Note: You can copy the HTML code which is designed by Traveler Theme. This template match Mod style

<div class="row"><div class="col-md-12"><div class="form-group"><label>Name (*) </label>[text* st_name id:name class:form-control]</div></div><div class="col-md-12"><div class="form-group"><label>E-mail (*) </label>[email* st_email id:email class:form-control ]</div></div><div class="col-md-12"><div class="form-group"><label>Phone</label>[tel st_tel class:form-control ]</div></div></div><div class="form-group"><label>Note </label>[textarea st_note id:message class:form-control x3]</div><div class="form-group">[st_type_services type_services][custom_title title_service][st_mail_partner mail_partner]</div>[submit class:btn class:btn-primary "Send Message"]

Note: To more style, you can add this CSS to Theme Settings > Styling Option > Custom CSS

.inquiry-v2 .st-sent-mail-customer .form-wrapper .btn-primary {
    border: none !important;
    color: #fff !important;
    border-radius: 50px !important;}

To add more fields, kindly consider Contact Form Guideline

How can I add a field to my contact form?Contact Form 7

1.2. Mail Template

In the Mail section, you can edit the mail template. Click Save to finish

• To : [_site_admin_email]

Mail sent to admin email

• Form (this email is based on your mail service) : [_site_title] [e-mail]

This email is based on your mail service.

• Subject : An inquiry from [st_name] in [_site_title]

• Additional header: Cc: [st_email] Bcc: [mail_partner]

This email is sent cc to customer's email and bcc to the partner's email

• Message Body:

From: [_site_title]
Subject: An inquiry from [st_name]<[st_email]> in [_site_title]
Message Body:
   From: [st_email]
   Name: [st_name]
   Phone: [st_tel]
   Note: [st_note]
   Type Service: [type_services]
   Name Service: [title_service]

    -- 
   This e-mail was sent from a contact form on [_site_title] ([_site_url])

2. Theme Settings

Copy the shortcode of Contact Form 7 to the Theme Settings > Advance Option> Inquiry Shortcode Contact Form 7.

For example: [contact-form-7 id="43" title="Inquiry"]

Now, you will see your inquiry form on a single service page.

The email is sent to the admin, partner, and customer