Links

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

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

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
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