Get started with Elfsight Contact Form 1.1.0

Installation

1. Install Elfsight Contact Form WordPress Plugin elfsight-contact-form-cc.zip to your website. Don't know how? Please learn here.

2. Go to Contact Form page in WordPress admin menu.

3. Create a new widget, adjust all settings and get a ready-made shortcode.

Use Contact Form as a WordPress Shortcode



1. Create a new widget

You can use Elfsight Contact Form as a WordPress shortcode. To do this, you have to create a new widget, set all options in the Elfsight editor and save it.

2. Copy-paste the shortcode

You will see the new widget's shortcode in the widgets list. You can copy-paste it into the required place of your website.

Example of the Elfsight Contact Form shortcode:

[elfsight_contact_form id="1"]

Use Contact Form as a
WordPress Widget

To use Elfsight Contact Form as a WordPress widget, go to Appearance -> Widgets, and drag Elfsight Contact Form WordPress widget to any widget section. Next, select one of available Contact Form widgets from the list.

Use Contact Form as a
Visual Composer Element

You can use Elfsight Contact Form as a Visual Composer element. Just add it to your page during page building and select one of the available Contact Form widgets from the list.

Options

Option Default Value Description
Fields name, email, phone, message Set the fields to be displayed in the form. Set their labels, placeholders and mark some of them as required before publishing the form on your website.
Fields: Active true Activate/Deactivate the form field.
Fields: Label - Set any text to display above the field in the form. "*" character will be added automatically after the text in case this is a required field.
Fields: Placeholder - Set example text that will be displayed in the field as a hint for your users. For example, phone number, name or email formats.
Fields: Required false This option allows to define a field as required. If a required field is blank, the message can't be sent.
Send button text Send Customize Send button text. Tip: don't make this text too long.
Layout inline Select on of the predefined layouts - inline or floating. inline - choose this layout if you need to embed the contact form as part of a page (contact page, sidebar, footer). floating - this layout adds a floating message icon that opens the form when you click on it. This icon scrolls along with your page. Perfect for landing, home, services and products page, etc.
Style classic This option allows to choose one of the 5 predefined form styles (classic, flat, material, classic-rounded, flat-rounded). Choose the one that suits you best.
Width 430 Set form width in pixels or percents. Set "auto" to make the form full width.
Thank you message Your message was successfully sent! We will reply to your shortly. This option allows you to set the text to display after the form was submitted.
Thank you message button text OK This option allows you to set the text for the button that closes the thank you message.

Support, questions and offers

Your questions and issue reports are processed on the first-come, first-served basis. Expect an answer from 10 a.m. to 7 p.m. CET, Monday through Friday.

Visit Support Center