Form filling

Text:

A text input field accepts a single line of input, typically used for entering short text data.

Email:

An email input field is a text box designed to accept email addresses. It typically includes built-in validation to ensure the entered data conforms to the standard email format.

TextArea (Large Field):

A textarea is a large input field that allows users to enter multiple lines of text.


How It Works:

  1. User Interaction: Users click on the textarea to start typing.
  2. Enter Text: Users can type in long messages or detailed information.

This is useful for collecting extensive input, such as comments, descriptions, or messages.

Example: 
Comment: Users can type their comments or feedback in the large text area provided.

Checkbox:

A checkbox is an input type used to select or accept a corresponding value, such as agreeing to privacy policies, terms and conditions, or accepting cookies.

In the checkbox field name, you can attach a link along with the text using markdown style:

 code[text](link)

The link will be attached to the text inscribed in brackets [text]. The link must include a protocol like http:// or https://.

Example: Accept Privacy Policy

Select:

A select input field, often referred to as a dropdown menu, allows users to choose a single option from a list of predefined choices.

Number

An intl tel input field allows users to enter their phone number with the correct country code.

Number (Intl Tel Input) Settings

If the Number (intl tel input) field type is added, the plugin loads the intl-tel-input library.


When to Load the intl-tel-input Library:

  1. No Delay: Load the intl-tel-input library immediately when the form is loaded.
  2. Idle Time: Load the intl-tel-input library after the website has been idle for a certain period. The library will be reloaded 5 seconds to ensure the latest validation settings are applied.
  3. After User Interaction with Widget: Load the intl-tel-input library only after the user interacts with the telephone input field.

Separate Dial Code

If this option is checked, the country dial code is displayed next to the country flag in the input field.

  1. Country Selection: When the user selects a country from the dropdown menu, the country flag and dial code are displayed.
  2. Dial Code Display: The dial code appears next to the flag, making it clear which code will be used when entering the phone number.
Example: Before Selection:
[Flag Dropdown] | Enter phone number

After Selection (United States):
🇺🇸 +1 | Enter phone number

Localization

When set to “Auto,” the language used on the current page is automatically applied. Additionally, users have the option to select different languages.

  1. Auto Mode: The plugin detects and applies the language of the current webpage automatically.
  2. Manual Selection: Users can manually choose a different language from a list of available options
Example: 
Auto Mode: If the current webpage language is English, the plugin's interface will display in English without requiring any manual selection from the user.
Manual Selection: Users can select from available languages such as French, Spanish, German, etc., to view the plugin's interface in their preferred language.

Initial Country Setting

When set to “Auto,” the plugin automatically selects the visitor’s country using ipinfo.io based on their IP address.

Example: 
Auto Mode: If a visitor from the United States accesses the website, the plugin's country dropdown will initially display "United States (US)".

Email Notification: Subject

  • If blank, the subject will default to “Click to Chat – Greetings Form.”

This ensures that the email notifications sent from the Click to Chat feature have a relevant and identifiable subject line, making it easy for users to understand the context of the email.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
This site is registered on wpml.org as a development site. Switch to a production site key to remove this banner.