Streamit
Streamit Documentation

How to Create a Contact Form 7?

This guide will walk you through creating a custom contact form using the Contact Form 7 plugin in Streamit, including adding custom fields and embedding the form into a page or post within your Streamit site.

Step 1: Install Contact Form 7 Plugin

  1. From your WordPress Admin Dashboard, go to Plugins → Add New.
  2. Search for Contact Form 7.
  3. Click Install Now, then Activate the plugin.

Step 2: Create a New Form

  1. In the WordPress dashboard, go to Contact → Contact Forms.
  2. Click on the Add New button to create a new form.
  3. You will be taken to the form editor, where you can add fields to your contact form.

Step 3: Add Fields to the Form

Here’s how to add the common fields needed for your form:

1. Name Field

  • Select the Text Field option.
  • Name it Your Name.
  • Click Insert Tag to add it to the form.

2. Middle Name Field

  • Add a Text Field for the Middle Name.
  • Insert the tag for the middle name field.

3. Last Name Field

  • Add a Text Field for the Last Name.
  • Insert the tag for the last name field.

4. Gender Radio Button

  • Select the Radio Button option.
  • Name the field Gender and add two options: Man and Woman.
  • Insert the tag for the radio button field.

5. Email Field

  • Select the Email field and name it Your Email.
  • This will allow users to input their email address.

6. Subject Field

  • Add a Text Field for the subject of the inquiry.
  • Name it Subject.

7. Message Text Area

  • Add a Text Area for the message content.
  • Name it Message.

8. Submit Button

  • The form will automatically generate a Submit Button when you add the necessary fields.

After adding all fields, the form will have:

  • Your Name
  • Middle Name
  • Last Name
  • Gender (Radio Button: Man/Woman)
  • Your Email
  • Subject
  • Message
  • Submit Button

Step 4: Save the Form

  1. Name your form, e.g., Enter Your Details.
  2. Click Save to save the form.

Step 5: Embed the Form into a Streamit Page/Post

  1. Go to Pages or Posts in the WordPress dashboard, and either select an existing page/post or create a new one.
  2. In the page editor, click Add Block and search for Contact Form 7.
  3. Choose the form you created (e.g., Enter Your Details).
  4. Click Insert to add the form shortcode to the page.

Step 6: Preview the Form

  1. After embedding the form, click Preview to see how it looks on the page.
  2. Your form will now be visible with fields for Your Name, Middle Name, Last Name, Gender, Your Email, Subject, Message, and the Submit Button.

🎉 Your Contact Form is now live on Streamit! This form allows users to submit their personal details, including their name, email, subject, and message, directly from your site.