Gainlove
  • Introduction
  • Support
  • Get Started
    • Requirements
    • What’s Included?
  • Download and installation
    • Download
    • Install Theme and Active
    • Plugins installation
    • One Click To Import Demo
  • Content Management
    • MainMenu
    • Header
    • Footer
    • Blog
    • Home page
    • Newsletter
    • Contact Page
    • Template
    • Stories
      • Add Story
      • Categories
    • Donations
      • Add Form
      • Categories
  • Sidebar and widgets
    • Widget Sidebar
  • Setting
    • Customize
    • Plugin Breadcrumb navXT
    • Elementor config
  • Faqs
    • How long time get Support
    • How To Submit Ticket
  • Recommendation
    • Optimize WordPress
    • Translation
Powered by GitBook
On this page

Was this helpful?

  1. Content Management

Contact Page

PreviousNewsletterNextTemplate

Last updated 4 years ago

Was this helpful?

1. Create Contact Form.

Make sure you install and active Contact Form 7 plugin to continue reading.

Step 1 - Log in to your WordPress Dashboard, go to Contact > Add New

Step 2 - Give a Name to your form and change Mail Info

Step 3 - Edit Messages field to change the Form Layout

2. Create Contact Page

Step 1 - Log in to your WordPress Administration Panel (Dashboard). Step 2 - Click on Pages > Add New. Step 3 - Give your page a name then click button "Edit with Elementor " ( you need to have the Elementor plugin activated ). Step 4 - Click on the Add Element button

Step 5 - Select the Contact Form 7 element.

Step 6 - The Contact Form 7 Settings should appear. Select the Form you want to use you can also customize the Color and change the fields layout and button design Step 7 - Update / Publish your page .

Contact-form1:

[text* your-name placeholder "Name"]
[text* your-subject placeholder "Phone"]
[email* your-email placeholder "Email"]
[textarea your-message 40x6 placeholder "Enter your question here"]

<button type="submit" class="button-dark wpcf7-form-control wpcf7-submit"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Ask question</button>