✨
yachbat
  • Requirements for our theme
  • Global
    • Install Theme
  • Update Theme/Plugin
    • Automatic Update
    • Manual Update
  • Support Theme
  • Basic
    • Header Settings
    • Footer Settings
    • Create A Page
    • Typography
    • Color
    • Layout
    • Team
    • Blog
    • Mailchimp
    • Contact Form
    • Translate Words
    • Header Footer Elements
    • Yachbat Element in Elementor
    • BRW Elements in Elementor
    • Product Template Elements
  • Yatch
    • Settings
    • Add Yacht
    • Manage Order
    • Create Manual Order
    • Check Yacht
    • Add Field to Checkout Form
    • How to access to checkout page when click "Booking Now" button
    • Icon
Powered by GitBook
On this page
  • 1: Contact Form 1
  • 2: Contact Services Page
  1. Basic

Contact Form

PreviousMailchimpNextTranslate Words

Last updated 3 years ago

1: Contact Form 1

Code Form

<div class="ova-wpcf7 ova-service-form ova-contact-form">
    <div class="ova-text-email">
        <div class="ova-text">[text* your-name class:name  placeholder "Name *"]</div>
        <div class="ova-email">[email* your-email class:email  placeholder "Email *"]</div>
    </div>
    <div class="ova-textarea">[textarea your-message class:message  placeholder "Message"]</div>
    <div class="ova-submit ova-contact-submit">
    <button type="submit" class="wpcf7-form-control has-spinner wpcf7-submit"><span>Submit Now</span><i class="icomoon icomoon-long-arrow-right"></i></button>
    </div>
</div>

2: Contact Services Page

<div class="ova-wpcf7 ova-service-form">
    <div class="ova-text-email">
        <div class="ova-text">[text* your-name class:name  placeholder "Name *"]</div>
        <div class="ova-email">[email* your-email class:email  placeholder "Email *"]</div>
    </div>
    <div class="ova-textarea">[textarea your-message class:message  placeholder "Write your message "]</div>
    <div class="ova-submit">
      <button type="submit" class="wpcf7-form-control has-spinner wpcf7-submit"><span>Send message</span><i class="icomoon icomoon-long-arrow-right"></i></button>
    </div>
</div>