Forminator Forms Plugin Usage Documentation | WPMU DEV (2022)

Adds a Stripe payment field to your form. If you’re interested in how this can be implemented for an order form that accepts payments, check out the video below.

Forminator Forms Plugin Usage Documentation | WPMU DEV (1)

PRO TIP

Stripe and PayPal fields can be added to the same form, though we recommend using conditional logic so only one field is visible at a time. Consider a Radio (or Select) field that allows visitors to choose the payment method, then conditionally display only the visitor’s desired payment method. Or, use conditional logic to allow visitors to skip payment altogether!

A notice will appear at the top of your screen to remind you of this if you do add both payment fields to your form.

Forminator Forms Plugin Usage Documentation | WPMU DEV (2)

Stripe Labels

Under the Labels tab, you can customize the Stripe field Label and optional Description, as well as the preferred Language used for placeholder fields and card validation errors returned by Stripe.

Forminator Forms Plugin Usage Documentation | WPMU DEV (3)

You can also choose whether to show or hide the Card icon in the Stripe field, and whether to require Postal code (or ZIP code) in the Stripe field. If enabled, the postal code can be optionally prefilled from a related postal code field in your form.

Forminator Forms Plugin Usage Documentation | WPMU DEV (4)
The following image shows how Card icon and Postal code options are displayed in the Stripe field, if enabled.

Forminator Forms Plugin Usage Documentation | WPMU DEV (5)

(Video) Forminator Pro - The Best Form Builder Plugin for WordPress

Stripe Settings

The Settings tab allows you to configure payment mode and payment method settings for the Stripe field. Note that you will need to connect a Stripe account to Forminator before customizing Stripe field payment settings.

The Stripe field can be placed in Test mode until your form is ready to process live payments, and can be toggled to Live mode to begin accepting payments. For information about testing Stripe’s payment integration, refer to Stripe’s testing documentation.

Forminator Forms Plugin Usage Documentation | WPMU DEV (6)

Select the Stripe field’s payment currency from the drop-down menu. We recommend using the currency most likely to be used by the majority of your customers in order to minimize currency exchange feeds.

Forminator Forms Plugin Usage Documentation | WPMU DEV (7)

Payment Plans

The Settings tab also allows you to configure one-time and subscription payment plans to be processed by the Stripe field. Multiple payment plans can be configured for the same Stripe field, and conditionally processed based on form data.

Select an existing payment plan to configure payment plan details, or click Add Another Plan to add a new payment plan. Click the trash icon to delete an existing payment plan.

Forminator Forms Plugin Usage Documentation | WPMU DEV (8)

Enter the plan name to be displayed in the form submission and in the Stripe dashboard. For the payment type, select One Time to charge customers a single payment or select Subscription to change customers a recurring payment.

Forminator Forms Plugin Usage Documentation | WPMU DEV (9)

SUBSCRIPTION ADD-ON

Stripe subscription payment plans are a Forminator Pro feature and require the Stripe Subscriptions add-on to be installed. See Add-ons below for installation instructions.

For One Time payments, simply select the plan payment amount:

  • Fixed – Charge all customers the same amount, such as when submitting an application fee or deposit.
  • Variable – Change the payment amount depending on form data. If selected, a drop-down menu will appear where you can select an existing Currency or Calculations field in your form to set the plan payment amount.

Forminator Forms Plugin Usage Documentation | WPMU DEV (10)

(Video) Generate a PDF From a Form in WordPress with Forminator

For Subscription payments, select the plan payment amount and quantity. For both settings, the available options are:

  • Fixed – Charge all customers the same amount/quantity, on a recurring basis.
  • Variable – Change the payment amount/quantity depending on form data. If selected, a drop-down menu will appear where you can select an existing Currency or Calculations field in your form to set the plan payment amount/quantity.

Whether you set the Quantity to be Fixed or Variable, the total amount that the user will pay equals the number in the Amount field multiplied by the number in the Quantity field. For example, if the Amount is $10 and the Quantity is 3, the user will be charged $30 when submitting the form and a similar amount on the next billing cycle.

Forminator Forms Plugin Usage Documentation | WPMU DEV (11)

For Subscription payments, select your billing cycle and choose whether to allow a free trial period. If a trial is enabled, select a trial duration, in days.

Forminator Forms Plugin Usage Documentation | WPMU DEV (12)

Multiple payment plans can be added to the same Stripe field and conditionally processed based on form data. First, select the Conditions tab, and then select an existing condition to configure condition details, or click Add Conditions to add a new condition.

Forminator Forms Plugin Usage Documentation | WPMU DEV (13)

Then, configure the conditional logic that will determine when to process the selected payment plan. For additional details on conditional logic, refer to our overview of conditional logic in the introduction to the Forminator Fields chapter.

Once customers have submitted forms with a subscription payment plan, your subscribers and subscription payments can be managed from the Stripe Dashboard. Alternatively, you can jump to individual subscriptions in Forminator from the Submissions page by selecting a form submission and clicking Manage subscription.

CANCELING SUBSCRIPTIONS

At this time, subscriptions cannot be cancelled directly by customers. If cancellation is requested by a customer, their subscription can be managed from the Stripe Dashboard.

Stripe Advanced

Payment Receipt

Enable the Payment Receipt feature and Stripe will email a receipt to your customers following successful purchases. This receipt comes directly from Stripe and is in addition to any custom email notifications configured in Forminator.

Click the Email address drop-down menu to reveal the email fields present in the current form and select the applicable email address.

Forminator Forms Plugin Usage Documentation | WPMU DEV (14)

(Video) HINDI - Create Multi-Step Form, Quizzes & Polls in WordPress for Free | Forminator Form Plugin

Stripe does not send receipts for purchases conducted in Test mode, only successful live payments will receive receipts.

You can customize the Stripe receipt email by clicking Customize email template, which will open the Stripe login screen. Log in to Stripe and follow their guidance on creating custom email receipts.

Payment Details

Statement Decipher

A Statement Decipher is techie phrase for the word or phrase appearing in a financial account statement that identifies where a transaction occurred. Typically, one would expect this to be the company name but you can create any custom decipher you wish as long it’s no more than 22 characters long.

Payment Description

The Payment Description will appear in the Stripe payment receipt emailed to your customers and will be part of transaction data recorded in the Stripe account that received the payment.

Forminator Forms Plugin Usage Documentation | WPMU DEV (15)

Card Validation

Stripe validates card information as it’s being input and this validation occurs independent of the validation of other user inputs, such as email addresses, as configured under the form’s Behavior tab.

Forminator Forms Plugin Usage Documentation | WPMU DEV (16)

Billing Details

Enable Billing Details to send additional information collected by a form to Stripe so the data appears with the payment information in your Stripe Dashboard. Click Enable, then select from the drop-down menus the information you want Stripe to include with the transaction record.

Forminator Forms Plugin Usage Documentation | WPMU DEV (17)

Meta Data

Any custom metadata associated with your form can be sent to Stripe and included in the MetaData section for each payment received. Any metadata sent to Stripe must conform to the service’s requirements: a maximum of 20 meta keys can be sent, key names must be 20 characters or less and mapped data will be truncated to 500 characters.

Forminator Forms Plugin Usage Documentation | WPMU DEV (18)

Stripe Styling Tab

The element classes on the Stripe checkout screen are associated with a specific field state, such as empty, invalid or complete. When a field’s state changes, usually because a user entered some data, a new class is applied. The Styling tab allows you to create custom classes while maintaining this relationship between classes and field state.

For example, when a user completes a given field with no errors, Stripe associates the default class StripeElement–complete with that field. You may change the class StripeElement–complete by editing the Complete field in the Styling tab, but Stripe will still associate the new class with the “complete” state, and only when a field achieves the “complete” state will styling associated with that class be applied.

Remember, modifying Stripe’s default classes is not necessary, but if you wish to do so, simply enter your custom classes into the fields provided and click Apply.

Forminator Forms Plugin Usage Documentation | WPMU DEV (19)

(Video) Best WordPress Form Plugin - Forminator Form Builder 2021 Review

Click Read More to access the Stripe compendium of element types, objects, classes and styles.

Once you’ve defined your custom classes, or chosen to use the defaults, you can then use the classes to apply custom CSS in the editor available in the Forminator Appearance tab.

SCA Compliance

Forminator 1.9 Requires a Review of Existing Forms

Forminator 1.9, released August 29, 2019, replaced the Stripe Checkout Modal with the SCA compliant Stripe Elements. All forms containing Stripe payment fields will be automatically updated. While we expect your forms to continue to work as intended, if you are updating the plugin from a version prior to 1.9, we recommend that you review any form containing a Stripe field to ensure there are no issues, and review the following information.

The Stripe Elements payment process is fully SCA compliant. Strong Customer Authentication (SCA) requires that online credit and debit card payments transacted in Europe use 3D Secure to authenticate payments.

Financial institutions may decline transactions that don’t follow SCA guidelines.

3D Secure, in a nutshell, dictates that verifying a card’s validity is insufficient protection from fraud and requires that customers authenticate each online purchase independently. This is typically accomplished by providing customers with a transaction-specific verification code delivered via email or SMS, similar to the example below.

Forminator Forms Plugin Usage Documentation | WPMU DEV (20)

A message will appear in your WordPress Dashboard following the update which outlines why updating to SCA is critical. Click Learn More to access a window we designed to expedite the process of verifying your forms’ appearance and functionality.

Forminator Forms Plugin Usage Documentation | WPMU DEV (21)

The Stripe is SCA Compliant window suggests things to look for when you are reviewing your forms.

Forminator Forms Plugin Usage Documentation | WPMU DEV (22)

The window identifies your existing forms that contain stripe fields. Click the edit icon on the right to access that form and review the Stripe field.

Forminator Forms Plugin Usage Documentation | WPMU DEV (23)

(Video) How to Create a Multi-Step Form with File Upload in WordPress Using Forminator Form Builder Plugin.

FAQs

What is Forminator plugin? ›

Forminator is a new form builder plugin that provides you with all the functionality you need to create contact forms, quizzes, and polls. It offers a great deal of versatility when creating and customizing your forms, which makes it a solid choice for your form building needs.

Is Forminator plugin free? ›

Forminator is free and open to millions of WordPress users! Use the developer API and the included hooks and filters to build your own integrations or custom apps and sell them or give them away free here on WordPress.org.

How do you create a form in Forminator? ›

With Forminator's premade templates, just click Contact Form, name it, hit Create, and it will be set up for you immediately.
  1. Click this button, and let's create a contact form for your site.
  2. Use the default fields to instantly create a basic contact form.
  3. Pick Forminator's premade designs or jazz it up with some CSS.
Aug 11, 2020

How do I connect my Forminator to Google Sheets? ›

Get started in 4 easy steps.
  1. Forminator. Download and install the Forminator plugin. ...
  2. Google Sheets. Download and install the Google Sheets plugin. ...
  3. Get Uncanny Automator. Get Uncanny Automator and install it.
  4. Create your recipe. Create a recipe to connect Forminator to Google Sheets using a simple but powerful interface.

Does Forminator work with Elementor? ›

Forminator doesn't have direct integration with Elementor, but Elementor does have Shortcode element that you could use to add Forminator forms.

How do you edit a Forminator? ›

Currently submissions can't be edited in the plugin. You could export submissions as a CSV file that could then be imported to spreadsheet app like Excel or Google Sheets or similar and edited there for later use – they can't, however, be imported back to the Forminator.

How do I embed a WordPress Forminator? ›

Go to Appearance > Widgets (or in the Customizer select the Widgets option), then drag the Forminator Pro widget into the widget area you want it to show up in.

How do I create a multi step form in WordPress? ›

How to Create a Multi Step Form In WordPress
  1. Step 1: Drag and Drop MetForm. ...
  2. Step 2: Create a New Form. ...
  3. Step 3: Build Multi Step Form From Scratch Using MetForm and Elementor Page builder. ...
  4. Step 4: Enable Multi Step Form Option of MetForm. ...
  5. Step 5: Configure Confirmation, Notification, and Other Settings to Complete.
Jul 8, 2022

How do I create a custom form in WordPress? ›

Within your WordPress dashboard, go to Forms > New Form and then give your new form a name. Once a new form is created, you'll be sent directly to the form builder where you can begin to build your form.

How do I link my PayPal to Forminator? ›

The Forminator plugin is integrated with the PayPal payment gateway. To set it up please go to the Forminator > Settings > Payments. Add your Client's ID and connect to your PayPal account. Hope this helps!

Is Forminator plugin safe? ›

Forminator Contact Form, Poll & Quiz Builder: Safety Recommendations. We have rated Forminator Contact Form, Poll & Quiz Builder as Good (current version safe) which means that we have found vulnerabilities in older versions.

How do you add a Forminator to an Elementor? ›

How to Use Forminator Forms by Element Pack in Elementor - YouTube

How do you use calculated fields? ›

Calculated Fields Form: Plugin Overview and Review - YouTube

Does Elementor have forms? ›

Elementor's Form Builder allows you to create unlimited forms for your WordPress websites. Elementor Pro offers the full toolbox that web creators need to build professional, pixel-perfect websites. It includes Elementor's industry-leading Theme Builder, custom forms, WooCommerce features, and of course… FORMS!

How do I create a contact form in WordPress Elementor? ›

Creating a contact form with Elementor can be achieved by using the Form Widget in Elementor Pro. Simply drag a form widget to your page from the editor panel and use the controls to create a beautiful and responsive form on your website.

How do I add contact form 7 to Elementor? ›

Open the page where you want to add your contact form to with Elementor page builder. Find the Contact Form 7 widget, then drag and drop it to the page. The next step is to select the form template in the drop-down list. As you can see the form is totally white.

How do I make an editable table in WordPress? ›

How to create Editable tables in WordPress with wpDataTables 2.0

How do you add a reCAPTCHA on Forminator? ›

From the Forminator settings page, click on Google reCAPTCHA. Select the appropriate type of CAPTCHA and fill out the Site key and Secret key as before, then click on Save Settings.

How do I edit a table of contents in WordPress? ›

If you want to add a new row or column, just click on a cell at the point in the table where you want to add it. Next, click the 'Edit Table' button. You can also delete rows and columns in the same way.

How do I add a Forminator to my wordpress site? ›

Go to Appearance > Widgets (or in the Customizer select the Widgets option), then drag the Forminator Pro widget into the widget area you want it to show up in.

How do you add a Forminator to an Elementor? ›

How to Use Forminator Forms by Element Pack in Elementor - YouTube

How do you use calculated fields? ›

Calculated Fields Form: Plugin Overview and Review - YouTube

How do I link my PayPal to Forminator? ›

The Forminator plugin is integrated with the PayPal payment gateway. To set it up please go to the Forminator > Settings > Payments. Add your Client's ID and connect to your PayPal account. Hope this helps!

Videos

1. Forminator Pro Overview
(DRM Productions Inc)
2. How to Integrate Forminator Forms to Copper Easily | Best WordPress Plugin
(Advanced Form Integration)
3. Forminator Forms & Clearout Email Validator Plugin | Email Verification on Forminator Pro Plugin
(Clearout)
4. How to Use Forminator Form For Order Notification On Email
(HenryDGreat Gig)
5. Forminator with Coupon Code
(Technology Simplicity)
6. How to Build Order Forms and Accept Credit Card Payments in WordPress
(WPMU DEV)

Top Articles

You might also like

Latest Posts

Article information

Author: Tuan Roob DDS

Last Updated: 11/07/2022

Views: 6627

Rating: 4.1 / 5 (42 voted)

Reviews: 89% of readers found this page helpful

Author information

Name: Tuan Roob DDS

Birthday: 1999-11-20

Address: Suite 592 642 Pfannerstill Island, South Keila, LA 74970-3076

Phone: +9617721773649

Job: Marketing Producer

Hobby: Skydiving, Flag Football, Knitting, Running, Lego building, Hunting, Juggling

Introduction: My name is Tuan Roob DDS, I am a friendly, good, energetic, faithful, fantastic, gentle, enchanting person who loves writing and wants to share my knowledge and understanding with you.