Skip to content
Support center
  • Home
  • Support Center
  • Docs
  • Changelog

General

  • Support
  • Plugin Bundled with Themes
  • How to Revoke Product License Key
  • How to purchase ElementsKit and Metform Pro License

Elements Kit

  • Widget Builder
  • Header Footer Builder
  • Mega Menu Builder
  • Vertical Mega Menu
  • One Page Scroll
  • Parallax Effects
  • Sticky Content Module
  • Instagram Feed API
  • Facebook Feed API
  • Facebook Messenger
  • Twitter Feed API
  • Advanced Accordion
  • Advanced Tab
  • Timeline
  • Advanced Chart
  • Data Table
  • Creative Button
  • Motion Text
  • Hotspot
  • Gallery
  • Woocommerce Product List
  • Woocommerce Category List
  • Woocommerce Mini Cart
  • Woocommerce Product Carousel
  • Heading Title
  • Button
  • Team
  • Accordion
  • Tab
  • Social Media
  • Client Logo
  • Mailchimp
  • FAQ
  • Image
  • FunFact
  • Countdown Timer
  • Image Box
  • Image Accordion
  • Icon Box
  • Pie-Chart
  • Progress Bar
  • Pricing Table
  • Testimonial
  • Header Info
  • Video
  • Image Comparison
  • Post Tab
  • Post List
  • Page List
  • Header Off-canvas
  • Dropcaps
  • Duel Button
  • Business Hours
  • Social Share
  • Category List
  • Search
  • Post Grid
  • Nav Menu
  • Contact Form 7
  • Caldera Form
  • We Forms
  • Wp Forms
  • Ninja Forms
  • Tablepress
  • Unfold
  • Advanced Toggle

MetForm

  • Getting Started
  • Form Input Field
  • Pro Input Field List
  • Pro Feature- Multi-Step Form
  • Pro Feature- Calculation
  • Pro Feature- Payment Method
  • Pro Feature- Conditional Logic
  • General
  • Confirmation
  • Notification Email
  • Integration
  • Payment
  • CRM
  • Auth
  • reCAPTCHA Integration
  • PayPal Payment Set Up
  • Stripe Payment Set Up
  • Thank You Page
  • Mailchimp Integration
  • AWeber Integration
  • ActiveCampaign
  • GetResponse Integration
  • ConvertKit Integration
  • Hubspot
  • Zoho
  • MailPoet Integration
  • Slack Integration
  • Support
  • WooCommerce Checkout
  • Create Post with MetForm
  • Response Message

WP Social

  • GETTING STARTED WITH WP SOCIAL
  • WP SOCIAL FACEBOOK LOGIN
  • WP SOCIAL GOOGLE LOGIN APP
  • WP SOCIAL LINKEDIN LOGIN APP
  • WP SOCIAL TWITTER APP
  • WP SOCIAL WORDPRESS APP
  • WP SOCIAL GITHUB APP
  • WP SOCIAL REDDIT APP
  • WP SOCIAL DRIBBBLE APP
  • WP SOCIAL COMMENT COUNT
  • WP SOCIAL POST COUNT

WP Ultimate Review

  • Settings

WP Fundraising Donation

  • Getting Started with WP Fundraising
  • WP Fundraising With Crowdfunding
  • WP fundraising with Single Donation Campaign
  • Others Way to Add Campaign
  • WP Fundraising With Default Payments
  • WP Fundraising with Woocommerce
  • Short-Code
  • Do-Action
  • Home
  • Docs
  • MetForm
  • Response Message

Response Message

Table of Contents
  • Getting Started
  • Opening a Form
  • Editing the Response Message
    • Editing the Response Message Text
    • Additional Customization Settings of the Response Message
    • Adding Styling to the Response Message

Getting Started #

Customizing the response message is a pro feature of MetForm. This message is displayed after a user fills out a form. 
It confirms the users whether their message has been successfully submitted or not. Either way, creating such a response message is quite easy for the MetForm pro users.
Here we will show you the procedure of editing the response message. 

Opening a Form #

Follow the procedure below to open a form where you’ll add the response message.

  1. Login to the WordPress admin panel and create a new page.
  2. Open the page with the Elementor editor.
  3. Search for MetForm on the Elementor search panel and drag and drop the icon on the page.
  4. Click on the Edit Form button located on the left panel.
  5. Now, select an existing form or click the New button to create a new form.
  6. Add the required field and click on the UPDATE & CLOSE button.

To get a clear overview of creating a new form and adding the required field, follow the video guideline below –

Editing the Response Message #

The MetForm pro users can customize the response message text, appearance, and other stylings. Here’s the step-by-step procedure of editing the response message.

Editing the Response Message Text #

To customize the text, follow the procedure below:

  • Browse the page or post that contains the form.
  • Click on the Edit Form button and choose the form.
  • Choose your form from the drop-down and click on the blue Edit Form button.
  • Now, click on the FORM SETTINGS option in the upper left corner.
  • Edit the Success Message input field and click on the Save Changes button.
  • Lastly, click on the UPDATE & CLOSE button.

Now, look at the visual presentation of this entire procedure-

Additional Customization Settings of the Response Message #

Proceed to the page or post that contains the form and toggle the Edit Response Message button. It will show you the additional settings on your 

  1. Click the Message Position option to determine whether you want to show the message on the top or bottom section.
  2. Choose the icon position by clicking on the Icon Position select the position.
  3. To choose the alignment, click on the Content Alignment section and choose one right alignment.
  4. Input the message visibility time on the input box titled as Keep Message for. Input how many seconds you want to keep the response message visible after submitting the form.

Adding Styling to the Response Message #

The STYLE tab is located under the Edit Response Message section. MetForm pro users can customize different styles of the response message from this section.
The available customization features on this section are –

  • Icon Size
  • Container Width
  • Typography
  • Success Message Color
  • Error Message Color
  • Success Icon Color
  • Error Icon Color
  • Success Message Background Color
  • Error Message Background Color

In the following part, you will get the additional style customization settings regarding border type, margin, and padding. Here is the full list of available customization features –

  • Border Type
  • Border Radius
  • Container Padding
  • Icon Margin
  • Container Margin

The available border types are solid, double, dotted, dashed, and groove. And you can edit the margin and padding section by following the common CSS units like pixel, percentage, and EM unit.
Point to be noted: This response message editing feature is available only for the pro license users and it doesn’t work while using a form via shortcode.

Additional Feature

On the bottom section, you might have already noticed another amazing feature called “Enable Multistep”. By enabling this feature you can create forms with multiple steps. Here’s the video guideline about creating a multistep form using MetForm.

What are your Feelings
Share This Article :
Updated on January 14, 2021
Pro Feature- Calculation
Table of Contents
  • Getting Started
  • Opening a Form
  • Editing the Response Message
    • Editing the Response Message Text
    • Additional Customization Settings of the Response Message
    • Adding Styling to the Response Message
Copyright © 2021 Wpmet