Companion Theme Documentation
Theme PageChangelogCreate a Ticket
  • Companion - WordPress Theme for Business Consulting
  • General
    • System Requirements
    • What's Included In My Purchase
    • Where Is My Purchase Code?
    • Theme License
    • Hosting
    • How to Get Support
    • Feature Request
  • Installation & Activation
    • Companion Installation
    • Common Installation Errors
    • Theme Activation
    • Multiple Websites on One License
    • License Key Deactivation
    • Activation FAQ
  • Getting Started
    • Import The Demo Content
    • Switch Between Different Demos
    • How To Update Companion
    • System Status
  • Theme Options
    • General
    • Colors
    • Typography
    • Sidebars
    • Archive Pages
    • Post Types
    • Page 404
    • Custom CSS
    • Import/Export
  • Blocks and Content
    • Header
    • Before Footer
    • Footer
    • Menus
    • Setting up Content Pages and Posts
    • Blog page
    • Services
    • Events
    • Cases
    • Portfolio
    • Adding Custom Icons
  • Companion Widgets
    • Accordion
    • Advanced Tabs
    • Advanced Title
    • Blockquote
    • Breadcrumbs
    • Case Banners
    • Cases Grid
    • Charts
    • Circle Text
    • Contact Form 7
    • Contact Info
    • Event List
    • Event Countdown
    • Event Program
    • Featured Content Carousel
    • Footer Menu
    • Icon Box
    • News Grid
    • News List
    • Newsletter
    • Our Services
    • Post Navigation
    • Portfolio
    • Pricing Table
    • Search
    • Services Grid
    • Team Carousel
    • Team Member
    • Testimonials Carousel
    • Upcoming Events
  • Integrations
    • Google Maps
    • Mailchimp
    • WooCommerce
  • Translation & Localization
    • Translation Basics
    • Translation Preparation
    • Theme Translation
    • Translations Update
  • Extra Materials
    • Demos
    • Changelog
  • stylemixthemes
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Using Contact Form 7 widget
  • Step 1:
  • Step 2:
  • Step 3:
  • Step 4:
  1. Companion Widgets

Contact Form 7

PreviousCircle TextNextContact Info

Last updated 2 years ago

The Contact Form 7 Widget is used to display the contact forms which is created using the .

Contact Form 7 plugin should be installed before using the widget. To download the Contact Form 7 plugin go here:

Using Contact Form 7 widget

Go to your site and start editing the page with Elementor.

Step 1:

Select the Contact Form 7 widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

Step 2:

You will get a window with the basic setting options under the Content tab. You need to choose the contact form which is available on your website:

Step 3:

Now, by clicking on the Style Tab you can customize the text color, typography, margin, padding, border, size, and many more for used fileds in the Contact form:

Step 4:

Finally, after completing all the customization click on ‘Publish’ to see your work live.

Great job! You have done it successfully.

You can create a Contact form by following the documentation of the Contact 7 Plugin from .

If you want to add motion effects, background, or make the page responsive, click on ‘Advanced’ to explore those options. This ‘Advanced’ tab is a default feature of Elementor. Give a read to to know more about Advanced features and their uses.

here
this Document
Contact Form 7 plugin
Download Contact Form