# Contact Form 7

Rhye is compatible with popular plugin Contact Form 7 (opens new window) for sending messages through your website.

TIP

This plugin is recommended by Rhye theme, so you are likely to already have it installed. If not, just search for it and install from WordPress Plugins directory in Plugins → Add Plugin.

Let’s setup the plugin.

# ▶️️️️️ Step 1.

From admin panel go to Contact → Contact Forms. If you have correctly imported demo data then you should see a form with shortcode in here.

Click on that form Rhye Contact Form 1 and open Mail tab. Here can configure where your messages from the contact form will send.

After you're done click Save button

# ▶️️️️️ Step 2.

Copy the form shortcode. This is just an example. Id and title may be different in your panel and that's normal.

[contact-form-7 id="1624" title="Rhye Contact Form 1"]

Now edit a page with Elementor where you want to place your contact form. Use standard Shortcode Elementor widget.

Paste your shortcode in that field an click Apply

# ▶️️️️️ Step 3.

Your contact form is ready now and you can test it if works. If you'd like to change labels for the fields, button or heading, you can do this by going back in admin panel to Contact → Contact Forms → Rhye Contact Form 1

Make your customizations and click save

Missing the form shortcode?

In case you don’t see an imported shortcode (which ships together with the demo content), you can create a new one by yourself. Just add a new contact form in Contact → Contact Forms and paste this HTML code in Form tab

<!-- header -->
<div class="row form__row">
  <div class="col form__col">
    <h3 class="h3 mt-0 mb-0">Send Message</h3>
  </div>
</div>
<!-- - header -->
<!-- input name -->
<div class="row form__row">
  <div class="col form__col">
    <label class="input-float js-input-float">
      [text* your-name class:input-float__input]
      <span class="input-float__label">Your Name</span>
    </label>
  </div>
</div>
<!-- - input name -->
<!-- input e-mail -->
<div class="row form__row">
  <div class="col form__col">
    <label class="input-float js-input-float">
      [email* your-email class:input-float__input]
      <span class="input-float__label">Your E-mail</span>
    </label>
  </div>
</div>
<!-- - input e-mail -->
<!-- input #3 -->
<div class="row form__row">
  <div class="col form__col">
    <label class="input-float js-input-float">
      [textarea your-message class:input-float__input class:input-float__input_textarea rows:3]
      <span class="input-float__label">Your Message</span>
    </label>
  </div>
</div>
<!-- - input e-mail -->
<!-- submit -->
<div class="row form__row">
  <div class="col form__col form__col_submit">
    <button class="button button_solid bg-dark-1 button_fullwidth" data-hover="Send Message" type="submit"><span class="button__label-hover">Send Message</span></button>
  </div>
</div>
<!-- - submit -->

For more information on how setup your e-mail settings and templates, please check official Contact Form 7 Documentation (opens new window)