Remember, Authorize.Net Integration is a Premium Feature of the Fluent Forms Plugin. So, you need the Fluent Forms Pro plugin to integrate this.

Enable Authorize.net Payment Method

First, go to Global Settings from the Fluent Forms Navbar, open the Payment tab from the left sidebar, and click the Payment Methods option.

Now, go to Authorize.Net in the top navbar and click Enable Authorize.Net Payment Method. The Authorize.Net Payment Method will be enabled globally for all forms. 

Configure Authorize.Net with Fluent Forms 

Once you enable Authorize.Net, all the required settings will appear to configure Authorize.Net with Fluent Forms. 

Before starting the configuration, select a Payment Mode: Test (for test payments) or Live (for real payments). Both options follow the same process; we choose Test Mode.

Then, you need to select Transaction Type, obtain the API  Login ID, Transaction key, and Webhook signature key from your Authorize.Net Account. 

Also, you need to set up the Authorize.Net Webhook Setup. Copy your website webhook URL from this page for later use.

Get the Credentials 

API Login ID, Transaction Key, and Webhook SignatureKey from the Authorize Account

To learn how to get all the required API Credentials from your Authorize.net, follow the steps with screenshots below – 

Get API Login ID

First, log in to your Authorize account from here. Once you log in to the Authorize.Net Dashboard, go to the Accounts and API Settings sidebar, and click on this. Here you will find the API login ID. Simply copy the ID for future use.

Get Transaction Key

Next, you will find the Transaction Key from the dropdown options. To get the transaction key, click the GENERATE NEW TRANSACTION KEY button. 

Here appears a new pop-up. Simply, click on the SUBMIT button.

Here, a new pop-up arrives. Enter the passcode from your mail and click the CONFIRM button.

Now your Transaction key has been generated. Copy this for future use.

WebHook Signature Key

To get the signature key, click on the GENERATE NEW SIGNATURE KEY button. Here appears a new pop-up. Then follow the steps similar to the transaction key, and you’ll get a webhook signature key. Simply copy for future use.

Required Authorize.Net Webhook Events Setup

For Authorize.Net to function completely for payments, you must configure your Authorize.Net webhooks.

To set up events, go to the Accounts & API Settings sections and scroll down, and click on the Webhooks section. 

Here appears a new pop-up. Now, click the Create a Webhook notification button.

Now, enter all the webhook information. Enter the Webhook notification name, the Endpoint URL that you copied from your website before, and select the Status option Active.

Then, select the Payment Events that are below and click the Save button.

• AuthCapture Created (net.authorize.payment.authcapture.created)
• Authorization Created (net.authorize.payment.authorization.created)
• Capture Created (net.authorize.payment.capture.created)
• PriorAuthCapture Created (net.authorize.payment.priorAuthCapture.created)
• Void Created (net.authorize.payment.void.created)
• Refund Created (net.authorize.payment.refund.created)
• Fraud Approved (net.authorize.payment.fraud.approved)
• Fraud Declined (net.authorize.payment.fraud.declined)

Now, your webhook is in an active status.

Now, return to the Authorize.net Payment Method Settings from the Global Settings section of Fluent Forms.

Then, paste the API Login ID, Transaction key, and Webhook Signature key in the corresponding fields.

Finally, press the Save Settings button, and your Authorize.net account will be configured with Fluent Forms for your WordPress Site.

Integrate Authorize.Net in Forms 

Once you finish setting up your Authorize.Net payment method, you can easily add this payment method to any of your existing Payment Forms (i.e., a form where Payment Item and Payment Method fields are added).

Note: If you do not have any existing Payment Forms, read this Documentation to learn how to create one.

First, go to the Editor page of your desired form by clicking its Edit option.

Once you are on the Editor page, go to the Input Customization menu on the right side of the added Payment Method field by clicking the Pencil Icon.

Now, go to the Payment Methods, check the Authorize.Net option, click the Dropdown Arrow, and you will get the option.

• Method Label: Here, you can change the label based on your preference for your added payment method.

To learn more details about the Payment Method field, read this Documentation. 

Once you complete the edit, press the Save Form button to save all the changes.

To embed and display your form on a specific page or post, simply copy the shortcode from the top-right corner of the screen. Then, paste it into the content area of your desired page or post where you want the form to appear.

If you’d like to see how the form looks before publishing, click on the Preview & Design button in the middle of the page. This allows you to review and adjust the design before making it live.

Preview of Added Payment Method

Here is the preview of the Payment Method that we just added. 

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you.

Add the Accordion Container

To learn how to add the Accordion Container input fields, follow the steps with screenshots below – 

First, go to the Forms section from the Fluent Forms Navbar, choose a desired Form to which you wish to add the Accordion Container field, and click the Pencil/Edit icon to open the Editor page of that form.

Note: If you do not have any existing forms, read the Create a Form from Scratch or Create a Form using Templates documentation to create a new one. For example, here I choose an existing form to show the whole process.

Once you are on the Editor page, click the Plus Icon in your form editor and open the Container input fields module. The Container option is also in the right sidebar under the Input Fields tab. 

Now, choose the desired Accordion Container by clicking on it or Drag & Drop it into your editor.

Configure the Accordion Settings

When you click on an Accordion/Tab container in the form editor, the sidebar on the right will show all its Input Customization settings.

Here is a breakdown of each setting:

A. Title: Enter a suitable title. This is the visible, clickable text that appears on the accordion bar.

B. Description: This adds a line of smaller helper text directly below the title. This is an optional field.

C. Display Mode: This option enables you to select the appearance of the forms in the display. Here you will find two options.

1. Accordion: This mode creates a collapsible section. Users see a title bar with a plus (+) icon. Clicking this bar expands the section to reveal the fields inside.

2. Tabs: This mode creates a horizontal tab. The Title you set becomes the label for a clickable tab. When a user clicks the tab, the form shows the fields for that section.

D. Accordion/Tab Type: This setting controls how multiple accordions or tabs are grouped. To create a stack of sections, you must use more than one Accordion/Tab field and configure their Type:

• Start: Use this for the first section in your group.
• Both: Use this for any middle sections. This setting tells Fluent Forms to “close the previous section and start a new one.”
• Close: You can use both for the last section as well, or you can use Close to properly end the group.

Start Collapsed: (Accordion Mode Only) When this box is checked, the accordion will be closed by default when the form first loads. The user must click to open it.

Collapse When Others Opened: (Accordion Mode Only) Check this to enable the classic accordion effect. When a user opens this section, any other open sections in the group will automatically close.

E. Container Class: This field allows you to add a custom CSS class. You can then use this class in your stylesheet for advanced custom styling.

Embed the Form into Frontend 

Once you complete the customization, click the Save Form button in the top-right corner to save all your changes. To see a preview, click the Preview & Design button.

To display the form on a page or post, copy the Shortcode (e.g., ) from the top of the editor and paste it into a “Shortcode” block in the Gutenberg editor or any page builder.

Preview of the Accordion Container

Here is how the Accordion Container will look and function for your users on the live form:

• Collapsed View: If you enabled the “Start Collapsed” setting, the section will be closed when the form first loads. Users will only see the Accordion Title and Description, with a Plus Icon (+) on the right.
• Expanding the Section: When a user clicks anywhere on the title bar or the Plus Icon (+), the container will expand. This will smoothly reveal all the fields you placed inside it (like “Textarea” or “Country”).
• Expanded View: Once expanded, the icon will change to a Minus Icon (-). A user can click this icon or the title bar again to collapse the section, hiding the fields.

Note: The Plus (+) and Minus (-) icons on an Accordion Container are only for expanding and collapsing that one section. To allow users to duplicate or repeat a set of fields, you would use the Repeater Field instead.

This way, you can easily add the Accordion Container fields in Fluent Forms!

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you. 

You can choose to delete entries right after they’re submitted or after a set number of days. This helps you manage your data easily and keep your site running smoothly.

Accessing the Compliance Settings

First, you need to navigate to the correct settings panel for the form you want to configure. From your WordPress dashboard, go to Fluent Forms. Hover over the title of the form you want to edit and click on Settings.

On the settings page, look for the Compliance Settings tab in the left-hand menu and click on it.

Delete Entries Right After Submission

This option is perfect for when you need the form to act (like sending an email notification or a CRM integration) but don’t need to store the entry data in WordPress.

In the Compliance Settings, check the box next to Delete entry data after form submission.

Important: When this option is enabled, the entry is deleted immediately. This means no entry data, analytics, or visual reporting will be saved or available for this form.

After that, click the Save Settings button to apply the change.

Delete Old Entries After a Specific Time

Use this feature to keep your database tidy by automatically removing entries after they are no longer needed.

In the Compliance Settings, check the box next to Enable auto delete old entries. Once enabled, a new field will appear. Here, you must specify how many days old an entry should be before it is automatically deleted. You can type a number directly or use the + and – buttons to adjust the count.

Example: If you set the number to 10, any submission that is older than 10 days will be automatically deleted by the system.

After that, click the Save Settings button to activate your new auto-deletion rule.

And that’s it! You’ve successfully set up your form to automatically manage its entries. You can change these settings anytime by simply unchecking the box and saving the form.

If you have any further questions, please don’t hesitate to contact our support team. Thank you!

This guide will show you how to connect AffiliateWP with Fluent Forms step by step.

Remember, AffiliateWP is the Premium Feature of the Fluent Forms Plugin. So, you need the Fluent Forms Pro plugin to integrate this.

Enable AffiliateWP Integration 

To learn how to enable AffiliateWP integration, follow the steps with the screenshots below – 

First, navigate to Integrations from the Fluent Forms Navbar, search for AffiliateWP using the search bar, and get the AffiliateWP integration module. Now, toggle on the module to enable AffiliateWP.

Enable Fluent Forms in AffiliateWP

Now, navigate to your WordPress dashboard and go to AffiliateWP. From the AffiliateWP settings under the Integrations Tab, enable the Fluent Forms option and click on the Save Changes button.

Get the Affiliate ID

Now, go to the AffiliateWP Plugin from the left menu of the dashboard, and you will see an Affiliate option here. Get the Affiliate ID here.

Integrate AffiliateWP into Fluent Forms

To learn how to integrate AffiliateWP into any specific Form in Fluent Forms, follow the steps with the screenshots below –

First, go to Forms from the Fluent Forms Navbar, select the Desired Form where you want to integrate your AffiliateWP, and click the Settings button. 

If you do not have any existing forms, read Create a Form from Scratch or Create a Form using Templates documentation to create a new one.

Once you are on the Settings & Integrations, scroll to the Affiliate section at the bottom. Enable Allow Referrals and configure the referral settings from the dropdown as needed.

Add the Form to a Page

To add the form to a page, first, copy your Fluent Form’s shortcode. Create a new page (you can open it in an incognito window for testing). Paste the shortcode on the page.

Then, add your affiliate link to the URL using this format: ?ref=1 — where 1 is your Affiliate’s unique ID.

For example: https://yourwebsite.com/form-page/?ref=1

Test and View the Referral

Submit the form using the affiliate link. When a customer submits the form, AffiliateWP will automatically generate a referral for the corresponding affiliate. 

To view the generated referrals, go to AffiliateWP → Referrals in your WordPress dashboard.

By following this guide, you can easily integrate AffiliateWP with Fluent Forms!

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you. 

Accessing the Submission Reports

Go to your WordPress dashboard, then navigate to Fluent Forms > Reports in the top menu bar. When you open the Reports section, you’ll automatically be on the Overview tab. Now, select the Submission option, and you will see all the submission reports.

Filtering Submission Data

At the top of the page, you can apply filters that affect the entire report.

• All Forms: Use this dropdown to view data for all forms or select a single form to analyze.
• Date Range: Click the date filter to select a time period, such as Last month, or choose a custom range.

Submissions chart

This chart provides a quick overview of your submission activity for the selected period.

• Total: The total number of submissions received. 
• Read: The count of entries that have been viewed. 
• Unread: The count of entries that have not yet been viewed. 
• Spam: The number of submissions flagged as spam. 
• Overall Read Rate: The percentage of total submissions that have been marked as read. 

Analyzing the Submissions Chart

The Submissions bar chart visualizes entry volume and status over time. The color-coded bars correspond to the legend on the right, which includes statuses like Read, Unread, Spam, and Trashed. This helps you see which days had the most activity and the status of those entries.

Using the Submission Analysis Table

This table provides a more detailed breakdown of your submission data. By default, it analyzes data by Forms, showing columns for Total Submissions, Read, Unread, Spam, and Read Rate for each form.

Use the dropdown menu at the top-right of the table to change the analysis type. You can group the submission data by different criteria, including:

• Forms
• Submission Source
• Email
• Country
• Submission Date

This dashboard offers powerful insights into how users interact with your forms.

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you.

Accessing the Payment Reports

Go to your WordPress dashboard, then navigate to Fluent Forms > Reports in the top menu bar. When you open the Reports screen, you’ll automatically be on the Overview tab. Now, select the Payment option, and you will see all the payment-related reports.

Filtering Payment Data

Refine the data shown on the entire dashboard using the filters located at the top of the page.

• All Forms: Select this dropdown to view payment data for all forms or select a specific one.
• Date Range: Click this filter to select a time period, such as Last 3 months, or choose a custom date range.

Payments

The summary cards at the top offer an at-a-glance overview of your financial activity for the selected period.

• Total Paid: The total amount of completed payments.
• Total Pending: The total amount of payments that have been initiated but are not yet complete.
• Total Refunded: The total amount that you have refunded to customers.
• Total Revenue: The net income after accounting for refunds and other adjustments

Analyzing Payment Charts and Tables

The dashboard includes several sections to help you visualize and understand your payment data in detail.

Payments Chart: This bar chart visualizes your payment trends over time. You can use it to compare the amounts for Paid, Pending, Refunded, and Total Revenue statuses on specific dates.

Subscription: The Subscription section is dedicated to tracking recurring subscription data over time. When no subscription payments are found in the selected period, it will show “No subscription data available”.

Transaction Summary: This Transaction chart provides a snapshot of all transactions. You can use the Recurring and One-Time toggles to switch between transaction types. The chart and accompanying list show a breakdown by status, including Paid, Pending, Refunded, Revenue, Cancelled, and Failed.

Payment Analysis by Forms: This table breaks down your revenue by individual form. Review the columns to see the Paid, Pending, Refunded, and Net Revenue amounts for each form, helping you identify your most profitable ones.

Use the dropdown in the top-right corner to analyze payments by Payment Method and Payment Type.

Payment Analysis by Payment Method: Use this table to understand which payment gateways your customers are using. It breaks down all financial data by the specific Payment Method, such as PayPal or Offline/Test. 

This allows you to analyze the Paid, Pending, and Net Revenue figures for each payment processor you have enabled. The Count column shows the number of transactions processed by each method.

Payment Analysis by Payment Type: This table categorizes your transaction data based on the payment model. You will see a summary of metrics for different types, such as One-time Payment. 

The columns show the total Paid, Pending, Refunded, and Net Revenue amounts, along with a Count of total transactions for that type.

This dashboard gives you the financial insights needed to manage and optimize your payment forms effectively. 

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you.

Accessing the Report Dashboard

Go to your WordPress dashboard, then navigate to Fluent Forms > Reports in the top menu bar. When you open the Reports section, you’ll automatically be on the Overview tab. This tab is your main summary page.

Filtering Your Report Data

At the top of the Reports page, you will find global filters to refine the data shown in all charts.

• All Forms: Use this dropdown menu to view data for all of your forms or select a specific one.
• Date Range: Click this filter to select a predefined time period (e.g., Last 6 months) or set a custom date range.

Overview

The cards at the top of the dashboard provide a quick summary of essential activity.

• Total Submissions: Here, shows the total number of entries received within the selected date range.
• Spam Submissions: Displays the count of form entries flagged as spam.
• Unread Submissions: Lists the number of new entries you have not yet viewed.
• Created Forms: Shows the total number of forms you have created.

Understand Charts and Graphs

The dashboard contains several visual charts to help you interpret your form data.

Overview Chart: This bar chart displays submission trends over time. You can toggle the view between Submissions data (including Unread, Read, and Trashed) and Payments data.

Completion Rates (Partial Entry Forms): This chart tracks partial entry submissions, showing the percentage of users who started and completed a form.

Submissions By Country: This section is designed to visualize the geographic origin of your form submissions on a world map. It helps you understand where your audience is located. 

Top Performing Forms: This graph ranks your forms by performance. Use the toggles to view rankings by Submissions, Views, or Payments.

Note: To see Views data, ensure that the ‘Disable Form Analytics’ option is turned off. If this setting is enabled, Views will not appear in your Reports dashboard.

To check this option, go to Fluent Forms → Global Settings → General. Then navigate to the Layout section and scroll down to the Miscellaneous area, where you’ll find the ‘Disable Form Analytics’ option. Simply disable it to start viewing the Views data.

Submission Timeline Patterns: Analyze this heatmap to discover when your audience is most active. Each row represents a day of the week, and each column represents an hour of the day. The color intensity of each block corresponds to the volume of submissions, with darker shades signifying higher activity, as shown in the Low to High legend. 

You can use the AM (12-11) or PM (12-11) toggles at the top right to focus on specific time periods.

API Logs: Use this chart to monitor the operational status of your third-party integrations. You can filter the view by status:

• Success: Shows API calls that were completed.
• Processing: Indicates calls that are still pending.
• Failed: Highlights any API calls that encountered an error, allowing you to quickly identify and troubleshoot integration problems.

Understanding these reports allows you to make data-driven decisions to optimize your forms. 

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you.

Follow these simple steps to transfer your license efficiently.

Deactivating Your Current License

To begin, you must first deactivate the license from your existing domain. You can do this directly from your WordPress dashboard.

1. From your WordPress dashboard, navigate to Fluent Forms and click on Global Settings.
2. Next, select the License tab from the left-hand sidebar menu.
3. On this screen, you will see your license status. Click the Deactivate License button to remove the license from this domain, as shown in the screenshot below.

First, log in to your WPManageNinja dashboard. Next, click on the License tab. From there, click the View List button to see all of your activated domains.

From the list of your activated licenses, click the Delete icon next to the domain you wish to deactivate, and then click the Confirm button to finalize the action.

Once the license is deactivated, it is free to be used on a new domain.

Activating the License on a New Domain

Now you can activate the license on your new website.

1. First, copy your license key from your WPManageNinja account dashboard.
2. On your new website, ensure you have both the free version of Fluent Forms and the Pro add-on installed and activated.
3. From your WordPress dashboard, go to Fluent Forms and click on the Global Settings tab.
4. Select the License tab from the sidebar menu.
5. Paste your copied license key into the license field and click the Activate License button.

A success message will confirm that your license is now active on the new domain. With these steps, you can easily manage and transfer your license between sites with just a few clicks.

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you.

This guide will walk you through the available shortcodes and their attributes.

https://gist.github.com/reachkamrul/5737af6ed143fa06a7294a1d7e95f9bb

Form Info

This shortcode is used to display information about a form, including submission counts and creation dates. It always requires the form ID.

Displaying General Form Info

Use the info attribute to display general information about the form. The available options are submission_count, created_at, updated_at, and payment_total.

[fluentform_info id="9" info="submission_count"]

• Total Submissions: Use the info=”submission_count” attribute to show the total number of times the form has been submitted. It will show total submission at the bottom of the form.

• Creation Date: Use the info=”created_at” attribute to show the date the form was created. It will show the creation date below the form.

[fluentform_info id="9" info="created_at"]

• Last Updated Date: Use the info=”updated_at” attribute to show the date the form was last modified.
• Total Payments: For payment forms, use the info=”payment_total” attribute to show the total amount received.

Custom Date Formatting

You can format the created_at and updated_at dates by adding the date_format attribute. This uses standard date formatting. For example, to show the date as “Friday 17 April 2025, 10 AM”, the shortcode would be:

[fluentform_info id="9" date_format="l d F Y g A" info="created_at"]

Submission & Field Specific Shortcode

If you want to show a specific form submission’s specific entry using a shortcode, you can now add that manually in the FluentForms shortcode.

[ff_entry form_id='1' entry_id='{submission.id}' field='url' is_html=false]

Submissions Based On Entry Status

You can filter the submission count based on its status (read or unread).

• Show All Entries (Default): 0
• Show Read Entries: 0
• Show Unread Entries: 0

Trashed Entries

You can specify whether to include or exclude entries that are in the trash.

• Exclude Trashed Entries (Default): 0
• Include Trashed Entries: 0

Show Remaining Submission Slots (Subtract From)

If you have set a maximum entry limit in the form settings, you can display how many submission slots are still available.

Use the subtract_from attribute with your maximum limit. For example, if you set a limit of 20 entries:

[fluentform_info id="9" info="submission_count" substract_from="20"]

If 5 entries have been submitted, this will display “15”.

You can also make the count disappear when it reaches zero by adding the hide_on_zero=”yes” attribute. The final shortcode would be:

[fluentform_info id="9" info="submission_count" substract_from="20" hide_on_zero="yes"]

Show Total Entries Based on Payment Status

For payment forms, you can filter the entries shown based on their payment status. The available statuses are paid, pending, failed, refunded, partially-refunded, and processed.

• Show All (Default): 0
• Show Only Paid: 0
• Show Only Pending: 0
• Show Only Failed: 0

To show the total payment amount with a formatted currency symbol (e.g., $10.00), add the currency_formatted=”yes” attribute.

Other Shortcodes

Display a Specific Field from an Entry

To show a specific value from a single form submission, use the shortcode.

[ff_entry form_id='1' entry_id='{submission.id}' field='url']

Display GET Parameter Value

If you pass data in a URL (e.g., your-site.com/page?my_param=hello), you can display that value on the page using the shortcode.

[ff_get param="my_param"]

This would display “hello”.

So, this is the all-in-one helper shortcode of FluentForms. If you have any questions, then contact our support team.

This document applies to the latest Google Analytics: GA4.

Notice: This method works for both classic and conversational forms.

Overview

This guide will show you how to set up tracking for your website’s forms. The goal is simple: we want to know two main things:

1. How many people see your form.
2. How many people actually fill it out and submit it.

Knowing this is incredibly helpful because it helps you stop guessing. You can finally get answers to questions like, “Is my contact form too long and complicated?” or “Are people even finding my signup form?”

With this setup, you can:

• See the real problem: Find out if a lot of people are viewing a form but then giving up without submitting it.
• Make smart changes: Test new ideas, like removing a field or changing your “Submit” button’s text, and see if it actually helps more people finish the form.
• Get better results: Use what you learn to get more contacts, signups, or quotes from your website.

How the Three Tools Work Together

To make this happen, we use three tools that work together as a team:

1. Fluent Forms: This is simply the form on your WordPress site. When someone sees the form or submits it, Fluent Forms sends out a little signal.
2. Google Tag Manager (GTM): Think of this as the helpful “middleman” or a post office. Its job is to catch those signals from Fluent Forms. It grabs the important information, like the form’s name and the action (whether it was viewed or submitted).
3. Google Analytics 4 (GA4): This is your main dashboard where you see all the results. GTM sends a neat, organized report over to GA4. This allows you to log in and easily see things like, “100 people saw the ‘Request a Quote’ form this week, and 10 people submitted it.”

GTM Elements for Fluent Forms Events

Types of Tags, Triggers, and Variables:

• Tags: Custom HTML, GA4 Configuration
• Triggers: Custom Event
• Variables: 2 Data Layer Variables, 1 JavaScript Variable

A built-in variable [Event] will be used to identify the type of Fluent Forms events.

1. Creating Fluent Forms Variables

Variables are Data Types to define the properties and their values that come or are pushed from the website.

First, navigate to the Variables tab in your Google Tag Manager workspace. From there, find the User-Defined Variables area and click the New button to create a new variable.

Your Variable properties should be like this:

Create Another Variable using the following configuration:

[Optional] Create Another Variable using the following configuration to display the Form Page Title:

2. Creating Fluent Forms Trigger:

In Google Tag Manager, a Trigger defines the specific conditions that cause a Tag to fire. For this setup, we need to create a custom trigger that activates when it detects a Fluent Forms event, such as a form view or submission.

To do this, go to the Triggers section in your GTM workspace and click the New button to open the trigger editor.

Now follow the data below to create the trigger:

3. Creating Fluent Forms Tags:

Now that we have our “when” (the Trigger), it’s time to set up the “what” – the Tag. A Tag is the actual task or job that Google Tag Manager performs when a trigger is activated. For this project to work correctly, we will create a team of two different tags that work together.

We will be using a Google Analytics: GA4 Configuration type of Tag and then pass the form events data from the website using a Custom JavaScript Snippet attached to webpages, and also by the Google Tag Manager itself, by another Custom HTML type Tag.

Let’s create the Custom HTML Tag first as below:

Go to Tags and click New

Then select Tag Type as Custom HTML and put the Custom Code provided below inside the GTM Code Editor with the provided data:

Custom HTML Tag.js

<script>
(function($){
  var fluentForms = $('.frm-fluent-form');
  fluentForms.each(function() {
    var $form = $(this);
    var formId = $form.attr('data-form_id');
    dataLayer.push({
      'event': 'FluentFormActivities',
      'eventCategory': 'FluentForm',
      'eventAction': 'FormView',
      'FluentFormID' : formId
    });
    $form.on('fluentform_submission_success', function() {
      dataLayer.push({
        'event': 'FluentFormActivities',
        'eventCategory': 'FluentForm',
        'eventAction': 'FormSubmitted',
        'FluentFormID' : formId
      });
    });
  });
})(jQuery);
</script>

When that code is inserted, please click anywhere inside the Triggering Field and select Firing Triggers as Page View [ All Pages] as below:

Now we are almost close to achieving our target and need to create one last Tag which will fetch the event data and then forward it to Google Analytics. We will also format the properties that will be sent to Google Analytics.

Again, go to Tags and select Google Tag as below:

Now, here you have to give Google Analytics 4 Measurement ID and then configure the settings variable.

Fields to Set:

Google Analytics 4 Measurement ID

To get the Google Analytics 4 Measurement ID, please follow the steps below:

Go to your Google Analytics Dashboard and then click on Admin (Gear Icon on the Bottom Left of the page).

Then select the target account or create a new one with your desired details. Also, select an existing Property if you already have one, or create a new one with the desired details. Under the Property Name, the Data Streams option is available, and then click on it.

Now, create a new DataStream as Web if your website is not already configured. Provide an appropriate URL without a protocol and a Stream Name.

[Optional] Then, please click on the Gear icon to select the data we will need for Fluent Forms Event tracking only. We will only need Page Views and do not need other types. Those types of data will also bring unnecessary data to Google Analytics, which we will not need for Fluent Forms Events.

Now, after clicking on Save, you will see the Data Stream details, and now copy the Measurement ID, which we need to put in Google Tag Manager.

Now, let’s get back to the last Tag we created. When the Google Analytics Setting is also selected, it is time to select the trigger, like we previously did for Custom HTML.

This time, select the Trigger we created previously, named FluentFormActivitiesEvent

Now we are done with tasks. We can now debug what we just did live in Preview Mode or make the settings public by Publishing from the Workspace.

Type in a meaningful Version Name, which can be anything for future purposes; if anything goes wrong while working in the future, identify work done until now and revert to this stage if we like.

Since this method is confirmed for Fluent Forms I am going to publish my workspace and then check in Google Analytics by opening a Page that contains a Fluent Form, and then submit the form with some data and check the Events inside Google Analytics.

4. Final result in Google Analytics

The sample form, which is being teste,d looks like the below:

After the page loads, even without clicking anything on the page, the form sends an event named FormView to GTM, and then it is triggered by our configuration, and now shows up in Google Analytics.

Expand the page_view Event for further details.

Also after submitting the form, we can see there is another event is pushed which is FormSubmitted

Expand any 4 types of Event Data to see more details:

There is a super-advanced feature of Google Analytics 4 that we will explore for our Fluent Forms Events. While configuring our Tag Manager Google Analytics GA4 configuration, we enabled Debug View, and now we can explore that as below:

That’s it. Now you will get events to Google Analytics for all the Fluent Forms on your website.

Enjoy Fluent Forms as the most powerful form plugin for WordPress!

This article will guide you through integrating Insightly with Fluent Forms on your WordPress Site.

Remember, Insightly is a Premium Feature of the Fluent Forms Plugin. So, to integrate it, you need the Fluent Forms Pro plugin.

Enable the Insightly Integration

To learn how to enable Insightly integration, follow the steps with the screenshots below – 

First, navigate to Integrations from the Fluent Forms Navbar, search for Insightly using the search bar, and install the Insightly integration module.

Now, turn on the Toggle to enable the Insightly module and click the Settings Icon on the right.

Once you enable Insightly, you will be asked for the Insightly API URL and Insightly API Key of your Insightly Account.

Get the Insightly API URL and Insightly API Key

To learn how to get the API URL and API Key from Insightly, follow the steps with screenshots below –

First, log in to your Insightly Account, then go to User Settings from the profile icon in the top right corner.

Now, scroll down, and you will get the API URL and API Key here. If you want, you can also generate a new API Key by clicking on the Generate new API Key button.

Now, copy the API Key & API URL ( https://api.na1.insightly.com/ ) like this to use in the next step.

Connect Insightly with Fluent Forms

Then, return to the Insightly Settings page under the Global Settings Configure Integration tab from the Fluent Forms Navbar.

Now, paste the Integration API URL and API Key that were copied before.

Press the Save Settings button to activate your Insightly Integration module.

Here, you can see your Insightly API integration is up and running. To disconnect, click the Disconnect Insightly button.

Integrate Insightly into Fluent Forms

To learn how to integrate Insightly into any specific Form in Fluent Forms, follow the steps with the screenshots below –

First, go to Forms from the Fluent Forms Navbar, select the Desired Form where you want to integrate your Insightly, and click the Settings button. 

If you do not have any existing forms, read Create a Form from Scratch or Create a Form using Templates documentation to create a new one.

Once you are on the Settings & Integrations, go to the Configuration Integrations tab, click the Add New Integration button, and select Insightly Integration feed from the dropdown list. 

Configure Insightly Integration Feed

A. Feed Name: Enter a name for your Insightly integration feed.
B. Insightly Services: Select the Insightly Services you want to map to. Click the Dropdown Arrow to add mapping values. Here, you can choose one of the options below: Contact, Opportunity, Lead, Organization, Project, Task, etc. 

Use all the fields under this option to properly link your Insightly Fields with the Form Fields. You can easily select the value for the Form Fields based on the Insightly fields using the Shortcode Arrow. 

C. Conditional Logic: If you want to allow Insightly integration conditionally based on your submission values, Enable Conditional Logic options. To learn more about conditional logic, read the article.

D. Status: Enable this feed option to activate the integration.

Now, click the Save Feed button to save the integration feed.

After successful Integration, you will see your Insightly integration Feed has been added here. 

You can modify your feed anytime by clicking the Settings Icon and Delete it by clicking the Trash Icon. 

Additionally, you can disable or enable this feed at any time by turning off the Toggle if needed.

Preview of Integrated Insightly

Here, you can see a preview of the added Insightly contacts through the Form entries that I set up during the integration.

You can see the form submissions from the Entries section of this particular form.

Go to the Insightly Contacts section from the left sidebar to see the integrated contact list in Fluent Forms.

This way, you can easily integrate Insightly with Fluent Forms!

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you. 

Remember, GetGist is a Premium Feature of the Fluent Forms Plugin. So, to integrate it, you need the Fluent Forms Pro plugin.

Enable the GetGist Integration

To learn how to enable GetGist integration, follow the steps with the screenshots below-

First, navigate to Integrations from the Fluent Forms Navbar, search for GetGist using the search bar, and install the GetGist integration module.

Now, turn on the Toggle to enable the GetGist module and click the Settings Icon on the right.

Once you enable GeGist, you will be asked for the GetGist API Key of your GetGist Account.

Get the GetGist Integration API Key

To learn how to get the GetGist Integration API Key from GetGist, follow the steps with screenshots below.

First, log in to your GetGist Account, then go to Settings from the top menu and select the API Key under the API & webhooks section in the left sidebar. Here you will find your GetGist API Key. Now, Copy the API Key.

Connect GetGist with Fluent Forms

Then, return to the GetGist Settings page under the Global Settings Configure Integration tab from the Fluent Forms Navbar.

Now, paste the Getgist API Key that was copied before.

Press the Save Settings button to activate your GetGist Integration module.

Here, you can see your GetGist API integration is up and running. To disconnect, click the Disconnect GetGist button.

Integrate GetGist into Fluent Forms

To learn how to integrate GetGist into any specific Form in Fluent Forms, follow the steps with the screenshots below –

First, go to Forms from the Fluent Forms Navbar, select the Desired Form where you want to integrate your GetGist, and click the Settings button. 

If you do not have any existing forms, read Create a Form from Scratch or Create a Form using Templates documentation to create a new one.

Once you are on the Settings & Integrations, go to the Configuration Integrations tab, click the Add New Integration button, and select GetGist Integration feed from the dropdown list.

Configure GetGist Integration Feed

A. Feed Name: Enter a name for your GetGist integration feed.

B. Map Fields: Use all the fields under this option to properly link your GetGist Fields with the Form Fields. You can easily select the value for the Form Fields based on the GetGist fields using the Shortcode Arrow. 

C. Landing URL: Enable this option to send the page URL where the form was submitted to the Gist lead.

D. Push IP Address: Enable this option to send the submitter’s last seen IP address to the Gist lead.

E. Conditional Logic: If you want to allow Insightly integration conditionally based on your submission values, Enable Conditional Logic options. To learn more about conditional logic, read the article.

F. Status: Enable this feed option to activate the integration.

Now, click the Save Feed button to save the integration feed.

After successful Integration, you will see your GetGist integration Feed has been added here. 

You can modify your feed anytime by clicking the Settings Icon and Delete it by clicking the Trash Icon. 

Additionally, you can disable or enable this feed at any time by turning off the Toggle if needed.

Preview of Integrated GetGist

Here, you can see a preview of the added GetGist contacts through the Form entries that I set up during the integration.

You can see the form submissions from the Entries section of this particular form.

Go to the GetGist Contacts section from the top menu to see the integrated contact list in Fluent Forms.

This way, you can easily integrate GetGist with Fluent Forms!

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you. 

Before you begin: ensure that you have the necessary plugins installed and activated on your WordPress site.

Add Languages in WPML:

• Fluent Forms
• WPML Core Plugin (requires a paid license)
• WPML String Translation Add-on (requires a paid license)
• Fluent Forms Connector for WPML

Once everything is ready, you’re just a few clicks away from creating a seamless multilingual form experience.

Add Languages in WPML

First, go to WPML > Languages from the WordPress sidebar. Under the Site Language Settings, click on Add/Remove Languages and choose the language(s) you want to use for translating your form.

Here, you’ll see a list of available languages. Simply select the language(s) you want to use for your form. You can choose multiple languages if needed. Once done, click the Save button to apply the changes.

Next, you’ll see the Language URL format settings. From here, choose the Different languages in directories option and click Save to apply the changes.

Enable Translation for Your Form

To enable translation for a specific form, first go to Forms from the Fluent Forms navbar. Then, open the Settings of the form you want to translate.

When you’re in the form’s settings, click on WPML Translations from the left sidebar. Then, toggle on the Enable Translation for this Form option and hit the Save Settings button.

You’ll also see a Reset WPML Translation button here. Clicking it will remove all existing translations for this form.

Send Your Form for Translation

Start translating your form into another language, go to WPML > Translation Management from the WordPress sidebar. Here, you’ll see a list of translatable pages, posts, and other content.

To focus only on Fluent Forms, you can use the filter at the top menu and choose Fluent Forms. This will display only the forms that are available for translation.

Next, select the form you want to translate. Then, under the Translation Options, choose Translate Myself and click the Add to Translation Queue button.

Translate the Form Fields

To access the Translation Queue, navigate to WPML > Translations from the WordPress sidebar. Here, you’ll find the form you previously added to the queue. Click the Translate button next to the form to begin translating it.

Now, on the left side, you’ll see all the fields of your form. On the right side, enter the translation for each field. Make sure to save each field individually after translating it by clicking on the Save and Complete button in the pop-up. 

Once all fields are translated, the progress bar will reach 100%. Now, click the Complete Translation button to finish the translation. 

Translate the Page Where the Form is Embedded

After translating the form fields, you’ll need to translate the page where your Fluent Forms form is embedded. To do this, go to Pages in your WordPress Dashboard and find the page containing the embedded form.

Next, click the Plus (+) icon button to start translating that page.

Now, you’ll see an option to translate the page name. (You might also see other fields here, depending on your page content.)

Translate the page just like you did with the form. Enter your translation in the field on the right, then click Save and Complete.

If you’ve finished translating the page, click the Complete Translation button to finalize.

Great! Your translation is complete. Now you can preview it on the frontend to see how it looks.

See the Translated Form in Action

Go to the page where your form is embedded. At the bottom of the page, you’ll see two buttons that WPML adds for language selection. Simply click on the language button you prefer to switch languages.

After that, you’ll see that your form has been translated into the language you provided in the form.

Troubleshooting & Important Notes

1. Translation Toggle Not Visible in Form Settings?

Make sure the Fluent Forms Connector for WPML plugin is installed and activated.

2. Translated Form Not Showing on Frontend?

Double-check that both:

• The form fields are 100% translated.
• The page containing the form is also translated and marked as “Complete.”

3. Some Fields Not Showing in Translation Editor?

Resave your form and ensure it’s enabled for WPML translation under Form Settings > WPML Translations.

4. Resetting Translations?

Use the Reset WPML Translation option inside the Form Settings carefully. It will remove all existing translations for that form.

If you have any more questions about translating Fluent Forms with WPML, feel free to reach out to us. Thank you!

As the admin, you have full control over who gets to view these entries. You can choose to show them only to the person who submitted the form, other admins, or even anyone else. It’s completely up to you.

In this article, you will learn how to enable the frontend entry view feature and share the view link with the form submitter.

Enable Frontend Entry View

To use the frontend entry view feature, first create a new form or edit an existing one. From the form editor, go to the Settings & Integrations section. Then click on Confirmation Settings under the Settings tab.

Next, scroll down and you’ll see the Frontend Entry View section. Just check the box labeled Enable Frontend View of User Submission. Once enabled, a few more options will appear:

Content

In the content area, you can add a paragraph using the visual editor or code editor. You can also style your content here. You can include media files or shortcodes to make the content more useful or personalized.

Enable Restriction

If you check this box, only the form submitter or an admin can view the submission. If left unchecked, anyone with the link will be able to view the entry.

Background Color

This option lets you set a background color for the front-end entry view page. Use the color palette to select a color that complements your design.

SEO Settings

If you enable this option by checking the box, the submission page will be hidden from search engines.

After setting everything up, click the Save Settings button to apply the changes.

Add Fronted View URL Link

Go to the Confirmation Settings section. Click on Add Shortcode, then choose Entry Attributes from the list. Scroll down and find the option called Entry Frontend View Link. Just click on it to insert the link.

You can also add a button for the entry’s frontend view link. Just click on the Button option and paste the Entry frontend view link shortcode in the URL field.

After adding the link, click the Save Settings button.

Now, when someone submits the form, they’ll see a link to view their entry on the frontend, just like in the screenshot example.

If you added a button for the entry frontend view link, they’ll see it, as shown in the screenshot below. After clicking on the button, the user will be able to see the submitted entries.

View the Frontend Entry

Visit the generated link, and you will now see the Frontend view of your form submission.

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our support team. Thank you.

Global Search 

To learn how to use this Global Search, follow the steps below – 

First, to access this feature, simply go to the Fluent Forms plugin from the WordPress Admin Panel on the left side.

Once you are on the Fluent Forms Dashboard, you will find the Global Search option in the top right corner as shown in the screenshot below.

You will find this search bar under any section (e.g., Forms, Entries, Payments, etc.) or feature in Fluent Forms, allowing you to search for relevant and necessary items. 

Now, click on the search button, and a pop-up will appear, showing you all the things you can search for.

Whether it’s Forms, Entries, Support, Integrations, or Global Settings, you can find it all with the Global Search option. So, go ahead, explore, and make the most of this awesome feature in Fluent Forms!

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our @support team. Thank you.