Chatterbug Forms is a platform that helps businesses and individuals with collecting information from their prospects using forms and surveys. The forms and surveys are designed online using the Chatterbug Forms designer then a link to the form on ChatterbugForms.com can be shared with customers to fill them out or the forms can be deployed in any wordpress site using the Chatterbug Forms plugin.

No. You can build your forms & surveys and use them in your wordpress site for free with no limitations. Download our plugin today and take advantage of the high quality that Chatterbug Forms offers. If you need more advanced features in designing your forms you can upgrade your ChatterbugForms.com account to Premium but your WordPress plugin is always free to use.

There are many benefits to using the Chatterbug Forms online form designer then importing the form into the Wordpress site than designing the form in the Wordpress plugin. First, the Chatterbug Forms is intuitive, advanced and constantly enhanced with more and more features. Second, Chatterbug Forms acts as a repository to all your forms and allows you to easily share and update your forms across multiple sites and platforms. Finally and most importantly, with your forms and surveys centralized on ChatterbugForms.com you will have better reporting and analytics across all your forms on all sites especially with surveys.

Yes. Please visit our Youtube channel and browse pur training videos. We are constantly adding videos and updating our library of tutorials.

You will need to have a Wordpress site and download the Chatterbug Forms plugin.

First, you will need to create the form in ChatterbugForms.com. Make all your design changes, add all your field settings and formattings. Save the form and Publish it. Only published forms can be imported into the wordpress plugin. Once the form is imported successfully, select the form and go to settings to select background images, colors, CSS, Title, Banner, availability, Notifications, Confirmations, Mailchimp settings, Google reCAPTCHA … and many more settings. The form import will import all field and form settings from Chatterbugforms.com. You will have the option to override the form settings(not the field settings) in the plugin after the form is imported into your Wordpress site.

On ChatterbugForms.com you can form the form “Published” or “Draft”. In the Chatterbug Forms Wordpress plugin, the form can be “Enabled” or Disabled. You can have the form on ChatterbugForms.com set to “Draft” that means you are still working on it and its not ready to be imported into Wordpress sites and not ready to accept submissions on ChatterbugForms.com. When the form is ready to be used you set it to “Published”. Once the form is imported into Wordpress this setting does not affect its acceptance to submissions and you can set it to “Draft” to prevent future imports/refreshes but “Draft” in ChatterbugFroms.com will not disable it in the plugin. The settings “Enabled” is in the Chatterbug Forms Wordpress plugin only and it means this form is not available for submissions and it will not display on the pages where the short code is used but instead the plugin will display the form un-available message/page. The setting Enabled/Disabled is only in the plugin and does not affect the form in ChatterbugForms.com

No. There are no limits on how many forms you can have active in your Wordpress plugin and submissions are unlimited and free. However, Chatterbug Forms Standard tier is a free service but since our resources are limited to what we can offer without charging our users, we have a limit of 5 forms in ChatterbugForms.com. That has no effect on how many forms you can have in your plugin. For example, you can design 5 forms in ChatterbugForms.com and share them in as many sites as you want then delete them from ChatterbugForms.com without affecting your plugin. Then design another 5 forms in ChatterbugForms.com and share them in your sites. Now your sites have 10 forms that are free and unlimited submission. You can have as many as you want active and functional forms in your plugin.

Yes. If you are using Wordpress you will need to add the GA or GTM script in the header either by editing your code files or if you are not a developer through GA plugin. After that you can track all events by referencing the form id and field ids. Chatterbug Forms have unique ids globally. In the next release you will be able to load the forms directly on ChatterbugForms.com, in addition to Wordpress. At that time you will be able to add Google Tag id and GTM id to your form and it will automatically integrate the GA and GTM tracking script.

Yes. First you will need to create the registration form and import it into your site using our Wordpress plugin. Then go to “Forms” select the form then select “Settings". Under “Form Availability” you will find “Valid From” and “Valid To” date ranges. Change the date ranges to the 2 weeks you wish to have the form available for registration. Under the date ranges you will find “Maximum Number of Submissions Allowed”. Enter 70 and that will disable the form after 70 registrations. Remember to add the “Form Unavailable” and “Maximum Submissions Reached” messages. Or you can add the pages where you want the user forwarded to in each case.

Yes, using the Chatterbug Forms plugin you can set up Gmail as your outgoing SMTP service for all your site outgoing emails

First, using the Chatterbug Forms plugin to update your SMTP settings is not limited to the forms only but it is for the whole site. This setting in the plugin will override your site email settings for all outgoing emails, in fact, you can use the Chatterbug Forms plugin just for the SMTP setup without using its forms capabilities. In the Chatterbug Forms plugin, select “Global Settings” from the left banner menu. Select “Email Setup” then check “Advanced Custom SMTP Settings”. Fill out all the information needed then click on “Send a test email”. Once the test email is sent successfully your setup is complete. You can watch our step by step tutorial on how to update the email settings in the Chatterbug Forms plugin. Keep in mind that in addition to Gmail SMTP you can also use any SMTP service you prefer and not limited to Google. Also, keep in mind that updating your SMTP settings in Chatterbug Forms plugin will update the email settings in the whole site and any email, including administration emails, sent from your site will use that setting.

Yes, but not yet. Chatterbug Forms is independent from Wordpress and the Chatterbug Forms Wordpress plugin is just an accessory to what ChatterbugForms.com can do. Chatterbugforms.com is designed to create and mange form and survey design and data submissions, analytics and much more. At the moment, our first release is the Wordpress plugin feature while we continue work on ChatterbugForms.com full capabilities.

None. Chatterbug Forms is built for people from zero technical knowledge to very advanced. You can design, format, add limitations, deploy and start accepting entries just by dragging and dropping without any changes to default values. If you have little technical knowledge you can use both field settings and form settings to customize your form and the looks of it. If you want advanced features. Every form has a Chatterbug Forms (global) unique id and every field also has a Chatterbug Forms global unique id. You can reference these ids in your CSS Javascript and PHP code. The Form calls a set of Javascript and PHP functions that you can write and control the behaviour of the form on the front end and the back end. If any of the Javascript or PHP functions return False, the form submission drops and no data is saved. You can also add CSS classes to the form, fields, labels, description.. . etc. And you can add your own CSS code.

No. But if you are, you can write your own Javascript and PHP functions to be called when the form submits. In the Chatterbug Forms Wordpress plugin, go to “Form Settings” =>”Callback Functions” for more details

For PHP
The plugin will try to call the function chatterbugforms_formsubmit_all($form_id, $field_array, $post_id, $post_title,$ip_address) if it exists. If the function returns false then the submit will terminate without errors and the data submitted will be dropped.

For Javascript
The form will try to call the javascript function chatterbugforms_submit_{form_id}() if it exists. If the function returns false then the form submit button will be disabled and the form won't be able to submit.

To add your own CSS classes to fields (input element, field label and field description) you can go to the form designer on ChatterbugForms.com, click on the desired field and update the field settings.

To add your own classes to the form object you can do that in the Chatterbug Forms Wordpress plugin. Select the form, select “Settings” and select the dropdown
“Banners, Title, Description, Padding, Colors, CSS and Background”

To add your own CSS code, you can do that in the Chatterbug Forms Wordpress plugin. Select the form, select “Settings” and select the dropdown
“Banners, Title, Description, Padding, Colors, CSS and Background”

Keep in mind that the browser applies the css commands by both priority and order. If the CSS class you are applying to the form elements is overriding a CSS command that Chatterbug Forms is applying, your CSS class might get lower priority and won’t apply. Try the following
1- Add your .css file that includes the classes in the footer so it is applied after all other CSS commands.
2- Include !important in your CSS class code.
3- In your .css file add the class cbforms (.cbforms) as a parent to your class.
4- Add the CSS class code in the “Custom CSS code” window in the Chatterbug Forms plugin form “Settings” page

Yes. The plugin will try to call the function chatterbugforms_formsubmit_all($form_id, $field_array, $post_id, $post_title,$ip_address) if it exists. In that function you will $field_array which holds the data submitted. The key in this array is the field name, the field name is the “HTML Name Attribute” value in the field settings in ChatterbugForms.com. Please note that the “HTML Name Attribute” comes from the “Field Name” setting that you set in the field settings. It will be the field ID by default.

You can do your own processing and save the data anywhere you want and return true. If your code in this function returns false then the Chatterbug Forms plugin will not save the data in the Entries table and you won't be able to view submissions in the form “Entries” tab or from the “Entries” menu item in the admin left bar.

The plugin will try to call the function chatterbugforms_formsubmit_all($form_id, $field_array, $post_id, $post_title,$ip_address) if it exists. In this function you can call all the API or SOAP code to integrate with your CRM. The function will get the data being submitted through the parameter $field_array. The key in this array is the field name, the field name is the “HTML Name Attribute” value in the field settings in ChatterbugForms.com. Please note that the “HTML Name Attribute” comes from the “Field Name” setting that you set in the field settings. It will be the field ID by default.

There are three ways to change the form format. The first option, by using the field settings and the form settings. They can both be set in ChatterbugForms.com but you can override the form settings in the Chatterbug Forms plugin. The second option is through CSS. You can add your CSS code and CSS classes in field settings and form settings. The third option is in your site .css file. You can reference the element id in the styling file and apply the CSS code you desire. The form and each field in it has a Chatterbug Forms global unique id. If you reference these IDs in your .css file they will only apply to this form since no other form you might use will have the same IDs. You can get the form and field id from the form designer form and field “Settings” tab.

Yes but not yet. Right now we are in the process of developing that feature. But you can get some of this functionality by writing your own Javascript code and placing it in the function chatterbugforms_submit_{form_id}(). The plugin will call this function before submitting the form, if it returns false the submit button will be disabled and the form won't submit'

Yes but not yet. Right now we are in the process of developing that feature. But you can get some of this functionality by writing your own Javascript code and placing it in the function chatterbugforms_submit_{form_id}(). The plugin will call this function before submitting the form, if it returns false the submit button will be disabled and the form won't submit'

You can export the form entries by going to “Exports” in the plugin left bar admin menu. You will have the option to select the form and the entries date range you wish to download. Keep in mind that the date are inclusive, meaning the entries you download will include entries starting with 00:01 am On the “From Date” and ending with 23:59 pm on the “To Date”

With Chatterbug Forms there is no need to do anything to copy the form from one site to another. All forms are centrally located on Chatterbugforms.com. All you need to do on the new site is to download the plugin, login with the same user id and password used then import the desired form.

Yes. Chatterbug Forms are responsive by default but you can change that either by using your own CSS or inserting a value in the field settings “Field Width in Pixels” and “Field Minimum Width in Pixels” in ChatterbugForms.com form designer. Setting the field width in pixels with fix the field size and prevent it from changing with the window size change.

Yes. Right now you can use Google reCAPTCHA v2 and we are in the process of adding Cloudflare CAPTCHA support. First you have to go to “Global Settings” in the plugin left bar admin menu. Enter the “Site Key” and “Secret Key”. Then in the plugin, select the form and go to the “Settings” tab, select Google reCAPTCHA v2 and check “Add reCAPTCHA to this form. Keep in mind that whenever you change the “Secret Key” or “Site Key” in “Global Settings” you must go to the plugin form editor and click save.

This is happening because Google reCAPTCHA script thinks your form is not valid and won't let it submit. Whenever you change the “Secret Key” or “Site Key” in “Global Settings” you must go to the plugin form editor and click save.

In the plugin form editor, go to Settings=>Mailchimp Integration. First you have to check “Send to Mailchimp Audience”. Then enter the information requested and save. Keep in mind that the tags defined in Mailchimp audience settings need to match exactly the tags listed in the plugin “Mailchimp Integration” section. Fields in the plugin “Mailchimp Integration” section that are marked “optional” can be left blank. If tags don’t match exactly the data transfer will still happen it will just skip the fields that don’t match

You can watch our step by step tutorial on how to update the email settings in the Chatterbug Forms plugin. Keep in mind that this setting in the plugin will override your site email settings for all outgoing emails.

Nothing. There is no cost to use Chatterbug Forms on your sites. You have unlimited forms and unlimited submissions on as many sites as you want.

First, you will need to create a free account on ChatterbugForms.com, design a form and publish it. Then, activate the plugin, add your ChatterbugForms.com user id and password in the plugin “Dashboard” and click on “Connect”. Now your plugin is active and connected to ChatterbugForms.com. Go to “Forms” on the left bar admin menu and Import the forms that you need, select the form and update the form settings. Go back to “Forms” and copy the form short code. Insert a shortcode block in the desired place on your page and paste the form shortcode text.

Go to the form “Settings” In the Chatterbug Forms plugin. Select the section “Banners, Title, Description, Padding, Colors, CSS and Background” then add your custom CSS code. You can also add your custom CSS code to your .css file and reference the form elements by their IDs.

Yes. Chatterbug Forms will inherit your theme font and fit within your theme containers.

No. But right now this is the only way to collect data through our forms. We are working on adding the functionality to get your forms to display and collect data on ChatterbugForms.com without the need for a Wordpress site. The Wordpress integration will never go away and it will always be an option. ChatterbugForms.com is designed to have full functionality with or without Wordpress sites.

Header and Paragraph fields are just fields that you can add to your form as many as you desire. For example, you can add a Header field to every section of your form. The form Title and Description are form settings, not fields. You can only add one Title and one Description to your form that will show on the top of your form. On a multi page form, the Title and Description will show on the top of every page of that form but the Header and Paragraph fields will only show where you place them within the form.

Field % Width sets the field width in relation to its container within the row. If the field is the only field on the row then the width will be a percentage of the row width. If the row has two fields, for example, then the field container is 50% of the row and the Field % Width will be a percentage of that 50% of the row width. In that case setting Field % Width = 40 will actually set the field width to 20% of the row width (40% of the 50% of the row). This is useful in making the form responsive to screen size changes.

Field Width in pixels sets the field width in exact pixels regardless of the screen size or other field sizes on the same row. Use this setting when you need a certain field to stay the same size all the time and be responsive to screen size changes. For example, a zip code field.

Field Minimum Width in pixels sets the field minimum width exact pixels. This will make the field responsive to screen size changes but to a limit. Use this setting when you need your field to not shrink beyond a certain size no matter how small the container is.