As we have configured our first subscription form with Fluent Forms in the previous Opt-in Forms (Fluent Forms) Basic Configuration guide, we are already familiar with Creating Subscription Forms, Mapping List & Tags. Form Actions, Embedding Subscription Form. In this tutorial, we will be extending the form we have created in that guide.
Fluent Forms #
Fluent Forms is also a popular WordPress plugin that is highly customizable with respect to features and designs. The full documentation of Fluent Forms is here: Fluent Forms (wpmanageninja.com)
Adding New Fields #
From the basic configuration guide, we saw the Edit Form buttons from both of FluentCRM and Fluent Forms. Now we are going to Edit the Form we want.
Aside from the pre-made templates, You can also add other input fields in the Opt-in forms and feed them to FluentCRM. A more in-depth guide is on the How to Add Fields to Fluent Forms page. Below we have added a new Custom HTML section to just show a message and an Address Field that contains a few address-related information which we will be storing in FluentCRM contacts as well.
Preview Form #
Now to preview the newly added fields, please click on the Save button in the top right corner and then click on the Preview & Design button that will redirect us to a new tab previewing the new changes to the subscription form. Our customized form will look like the below screenshot:
Form Settings #
Now we will be checking the Fluent Forms settings. To enter into the settings of Fluent Forms, please click on the Settings & Integrations tab in the top section.
To learn more about Fluent Forms settings please visit Advanced Features & Functionalities in Fluent Forms. Here we will be reviewing Double Opt-in emails in Fluent Forms and Advanced Form Validation in Fluent Forms.
Double Opt-in Confirmation #
If you came here reviewing FluentCRM global settings you already have seen Double Opt-in Settings and know how it works. Fluent Forms also offers a double opt-in confirmation process for form submission that enables the admin to ensure the entries submitted are not done by robots or any automated sources and also protects the configured feeds not being bloated as well. Enabling this option will send a form submission confirmation email to the user.
After the user confirms the submission by confirming the URL in the Email, the form submission will be processed and FluentCRM data will be processed. If you have enabled double opt-in confirmation for users then now the user will get another email asking to confirm the FluentCRM Email Marketing & Newsletter subscription.
You can additionally Disable Double Optin for Logged in users, Disable Double Optin if the contact email is subscribed in FluentCRM by checking the options, and also customize the Form Subscription Double Opt-in confirmation email.
Advanced Validation #
The conditions can be set either to fail the submissions or to process the submissions.
As we work with the email addresses of the users in FluentCRM is also very important that we avoid temporary emails. We can achieve something like that in the very first place by enabling Advanced Validation and setting conditions as the above including a Submission Failure Message.
That is just a single-use case. This feature is possible to use in various conditions and use-cases like placing a passcode and providing only to known users that passcode to use while submitting the form. Otherwise, the form submission will not even initiate.
FluentCRM Feed #
Now let’s configure the FluentCRM Integration Feed by going to Marketing & CRM Integration from the left side. Since we already created this in the earlier tutorial an existing feed is already there. But if you create a Fluent Form manually and later want to connect to FluentCRM then please follow the next steps.
To add a New Feed please hover over Add New Integration and click on the FluentCRM Integration from the options.
Now we need to configure and map some options between Fluent Form Fields and FluentCRM contact data as below.
Primary Mapping #
The very important or minimum required fields that need to be selected or mapped are the FluentCRM List that will be assigned to the form submitted contact and the Contact Email Address.
Other Primary Options are:
- Feed Name: Required Name for the Feed as an Identifier.
- First Name: First Name of the contact.
- Last Name: Last Name of the contact.
- Full Name: Full Name of the contact.
Custom Fields Mapping #
All the other FluentCRM fields including the FluentCRM Custom Contact Fields will be available for mapping below the basic field mapping. The left side labeling Field Label is the FluentCRM contact fields name and the right side labeling Field Value is being submitted from the user through the subscription form.
Here we have added a few address fields in the form and mapped those fields according to FluentCRM contact data properties.
Dynamic Tags #
If you have multiple tags in the FluentCRM and you have fields that can take various inputs from the user, then you can assign Tags dynamically based on the input. Below we have assigned tags dynamically based on the Country from the Address fields.
Conditional Logic #
Another useful advanced feature of Fluent Forms Integration Feed is that you can also apply conditional logic based on input and decide if All or Any of the configured conditions. Below we have decided that Submissions from the contacts in the United States, United Kingdom, and Bangladesh are allowed.
Multiple Feeds based on Conditional Logic #
In cases, where you want the user to select the Lists they will subscribe to or any other options that are predefined in the FluentCRM already, you may use this Conditional Logic and create multiple Feeds. For example, you let the user select from 3 Lists from the dropdown, radio input, or checkbox. Then create 3 separate FluentCRM feeds and enable conditional logic and set conditions for each list. This way depending on the list selection from the user either of the 3 feeds will be activated and processed.
Miscellaneous #
Other available options in the Feed Settings will allow you to
- Skip the Feed Submission if the contact already exists in FluentCRM,
- Enable Double Opt-in for new contacts,
- Enable Force Subscribe if contact is not in subscribed status (Existing contact only),
- Remove Contact Tags and
- Enable or Disable the Feed.
Form Submission #
As we have followed instructions in the Form Submission of the Opt-in Forms (Fluent Forms) Basic Configuration we can now Embed Subscription Form, check Entry in Fluent Forms, check the Feed Status, and also check the Contact in FluentCRM as well to confirm that we have followed and configured every step carefully and everything works!
To test out the conditions we just set in an advanced way, The form is submitted with the Country set to Bangladesh with a logged-in user. So
- The Form is submitted for the contact in Bangladesh,
- Double Opt-in for Form Submission processing was not done as the submitter is already logged in to the website,
- Data fed to FluentCRM matching conditional logic,
- Tag Assigned with Bangladesh,
- Address Information that was mapped stored the submitted address information.
That’s all for advanced and extended configuration of Fluent Forms Subscriptions with FluentCRM.
I changed the name block advanced options “name attribute”, and come across big trouble. I can not recall it back and it told me to recreate the conditional and integrations with new value, GOD DAM IT ,I don’t know that , when I get email notification, there is no name block. how to solve this problem? is there a guidance? please kindly help me ,thank you
Hey there, probably a very noob question
But how do I create a FORM that allow user to choose the list they want to be part of?
I basically have 5 lists, which are 5 different topics and my users might want to subscribe to only one or eventually all.
I can’t find a way to do that…?
I then switched to have only 1 list but then use tag to separate the topics, but then when user go in “manage my subscription” (Update your preferences) I can’t find where to change the content of this page, and then it only shows the ONE list that I have, but then users can’t change the tag…?
Any idea how to do that?!
Hope it is something that is possible.. Also I would like to have only the email in the subscribtion, I don’t need to have the first name and surname.. Is it possible to customize that?
You can use radio fields with dynamic tagging. Please check this tutorial: https://fluentcrm.com/segment-fluentcrm-contacts-using-dynamic-tags/
I’m using 2 domains, one is for my personal brand and the other one is for my agency. I was considering setting up FluentCRM on my personal site and run it from there. However, I’d love to capture leads from my agency site as well. Is there an embed form that I could use, or maybe use it with the FluentForms plugin? Or is it impossible to use the same lists on multiple domains? Thank you.
Hi Uldis, sure, you can capture leads from your site via Fluent Forms and send them to your personal site. Please check out these documentations:
Fluent Forms Webhook: https://wpmanageninja.com/docs/fluent-form/integrations-available-in-wp-fluent-form/webhook-integration/
FluentCRM Webhook: https://fluentcrm.com/docs/webhook-integration/
Is there a way to just grab the HTML of a form so I can paste it on my page/into Thrive Leads?
I’d like an answer to this as well
I’m currently using BuddyPress to enroll new members to my site. At the moment only name and email is collected by Fluent CRM when I set up the automation to add new users to a list.
I’d like to be able to add user role and country so I can further segment contacts as they join the site. I’ve added the additional fields in Buddy Press but it’s not integrating with the additional user profile fields i have created on BuddyPress (like country and current education level)
I also use LearnDash, when members join they get automatic access to a Trial Course
What is the best solution to the issue so I can further segment the users in Fluent CRM when they sign up while also triggering access to the LearnDash Course.
Do I need to move to another plugin that can integrate with fluent forms and learndash?
Many thanks
Hi Eddie
Any resolution to this? I’m facing an almost identical issue and am spinning my wheels.
Please let me know if you found a solution
Thanks
Michael