Funisox
  • Introduction
  • Support
  • Get start
    • Requirements
    • What’s Included?
  • Download & Installation
    • Download
    • Install & Activate Theme
    • Plugins installation
    • One Click To Import Demo
  • Content Management
    • MainMenu
    • Homepage
      • Create New Page Elementor
      • Settings for Homepage
      • Newsletter
    • WooCommerce Settings
    • Slider Revolution
    • Header
      • Premade Header Builder
      • Edit a Header Builder
      • Change Header Image
    • Footer
      • Premade Footer Builder
      • Edit a Footer Builder
    • Blog
      • Create a Post
      • Add Blog on Page Elementor
      • Blog Post Layouts
    • WooCommerce
      • Single Product Sidebar Layout
      • Shop Layouts
        • Premade Shop Layouts
        • Add Widget for Sidebar Shop Layout
        • Customize Shop Layout
      • WooCommerce Settings
    • Breadcumb
  • Sidebar & Widgets
  • Widget Sidebar
  • Settings
    • Customize
      • Typography
      • Color
      • Layouts
      • Blog
      • WooCommerce
      • Header & Footer
        • Header
        • Footer
      • Socials
      • Maintenance
      • Site Identity
      • Menu
      • Widgets
      • Homepage Settings
      • Additional CSS
    • Contact Page
    • Newsletter
    • Template
  • FAQs
    • How long time get Support
    • How To Submit Ticket
    • FAQs
      • I can not import demos. How can i do?
      • How to Add Instagram in WordPress
  • Recommendation
    • Optimize Wordpress
    • Translation
    • More WordPress themes
Powered by GitBook
On this page
  • 1. Create Contact Form.
  • 2. Create Contact Page

Was this helpful?

  1. Settings

Contact Page

PreviousAdditional CSSNextNewsletter

Last updated 3 years ago

Was this helpful?

1. Create Contact Form.

Make sure you install and active Contact Form 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.

<label class="mb-5"> Your name
    [text* your-name placeholder "Ex:  John Doe"] </label>


<label class="mb-5"> E-mail
    [email* your-email placeholder "Ex:  John_Doe@domain.com"] </label>


<label class ="mb-3">Message (optional)
    [textarea your-message 40x5 placeholder "Enter text here..."] </label>

[mc4wp_checkbox]

<button class="button-skew" type="submit" value="subscribe">
  <span>Send Messenge</span> <i class="opal-icon-arrow" style="font-size: 75%;">&nbsp;</i>
</button>

Mail settings:

Step 3 - Message tab. It will show all notice for you.

Additional settings:

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 Change the Editor to Backend Editor ( you need to have the Elementor plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Contact Form element.

Step 6 - The Contact Form 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

Note: After add contact form, you should configure email system in order to receive email from forms when customers submit forms.

See more:

​

How to Configure Email System in WordPress