Nav
Search
Untitled
Log In
Username:
Password:
Keep me signed in

Verification
Register
Forums

Home
Documentation
Forums

Adding custom JavaScript

Quform WordPress v2 DocumentationGuidesBasicAdding custom JavaScript

Go to Forms → Settings → Custom CSS & JS.

Go to Settings - Custom CSS & JS

At the Custom JavaScript field add the custom JavaScript.

Add the custom JavaScript in the field

Basic

Adding custom CSS
Finding a checkbox option unique ID
Finding the confirmation unique ID
Finding the element unique ID
Finding the form ID
Finding the notification unique ID
Finding the page unique ID
Getting form values & data types
Variables

Basics

Getting started

Installing the plugin
Migrating from Quform 1.x
Updating the plugin
Activating the license

Forms

Building a form
Adding the form to the site
Deactivating a form
Deleting a form

Elements

Text
Textarea
Email
Select menu
Checkboxes
Radio buttons
Multi select
File upload
Date
Time

FAQ

Forms

How do I add a new page to a form?
How do I add custom text or HTML to a form?
How I change the success message?
How do I set up the form to redirect to another page?
How do I show a form only to logged in users?
How do I make Quform forms compliant with GDPR?
How do I add a form to an Elementor page?

Elements

How do I change the submit button text?
How do I set a field default value?
How do I implement the invisible reCAPTCHA v2?
How do I make a field required?
How do I allow multiple file uploads?
How do I implement reCAPTCHA v3?
How do I make the Name field required?
How do I hide Radio/Checkbox option labels?
How do I add a Visual Editor to a Textarea?

Email

How do I set the “From” address to the submitted email address?
How do I send an autoreply email?
How do I add email recipients (To, Cc, Bcc)?
How do I add submitted data to the email subject?
How do I set up conditional recipients?
How do I add submitted data to the email content?
How can I style my own notification email?
How do I add attachments to a notification email?

Styling & layout

How do I make the Textarea field larger?
How do I center the form?
How do I change the Radio Button colors (from the default green)?
How do I center the submit button?
How do I change the placeholder text color?
How do I change the calendar background color?

Customization

How do I link a Visual Composer button to a popup form?
How do I link a Slider Revolution button to a popup form?
How do I add a reset button?
How do I allow only 1 form submission per IP address?

Troubleshooting

Common problems

Not receiving email
An error occurred verifying the license key
An error occurred – refresh the page and try again
Plugin/theme conflicts
Server compatibility
Form wrapped in [raw] tags
Known issues

Guides

Basic

Finding the form ID
Finding the element unique ID
Finding the notification unique ID
Finding the page unique ID
Finding the confirmation unique ID
Finding a checkbox option unique ID
Getting form values & data types
Variables
Adding custom CSS
Adding custom JavaScript

Email

Custom notification email content
Using the Post SMTP plugin to send emails via SMTP
Adding a recipient from a custom field
Adding the post author as a recipient

Integration

Mailchimp
Saving form data to a custom database
WPML
Zapier
Creating a post
GetResponse
Creating a user
BuddyPress registration form
Login form
Logout form
MailerLite
ActiveCampaign
Campaign Monitor
Mailrelay
MailPoet
Newsletter
Mailster
QuickEmailVerification
Google AdWords
Zoho CRM
Google Analytics
WebMerge
Sending form data to another script
Geolocation
Referrer tracking
Theme integration

Customization

Populating a select menu based on the value of another select menu
Word counter
Dynamic default value
Saving form data for later
Limiting user submissions
Duplicating a text field in the form
Textarea character counter
Passing data from one form to another
Displaying submitted form data after redirecting
Giving each submission a unique reference number
Displaying the number of entries
Copying data from one field to another
Masked input field
File upload path with a form value
Confirm email field
Confirm password field
Dynamic Select/Radio/Checkbox options
Limit checkbox selections
Limit multi select selections
Radio and checkbox icons
Radio and checkbox images
Colorpicker
Star rating
Matrix field
Range slider
Repeatable groups
Popup script options
Creating a terms agreement checkbox popup
Modify form data before it is processed
Showing a popup form by clicking a WP menu item
Adding file uploads to the WordPress media library
Disabling specific days in the datepicker
Prevent end date before start date
Persian calendar (Solar Hijri)
Islamic calendar (Hijri)
Over 18 age validator
Disabling specific times
Google Places address autocompletion
Google Maps marker to address
Limiting the number of entries

Advanced

Creating a custom validator
Encryption
Create and edit custom database rows
Populating a second form from data saved in the database
Creating a plugin for custom code
Enabling debug logging
Migrating custom code from Quform 1.x
Signature field
Adding a form data preview page
Calculations
PayPal
Stripe
WPML
Translating the plugin
PHP class documentation

Hooks

Still having trouble? Head over to the forums.Have you tried looking in the help pages?

Explore

Support home
Support forums
Visit us on Envato
Visit Quform.com
Buy us a coffee
ThemeCatcher.net

Feedback

Type your message here ...

Name

Email*

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

This field should be left blank

About us

We are web team who one sunny day decided to become ThemeCatcher and devote our combined efforts to make web products that are user friendly and affordable.

We have been building web sites as a team since 2002, we ran an agency for 3 years before moving to ThemeCatcher which has been our most suited project thus far.

You'll find our work on the Envato Network, you can visit our portfolios on CodeCanyon and on ThemeForest.

CodeCanyon | ThemeForest

Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy