Product Guide
APIsProductUpdatesPricingFAQs
  • Introduction to REVE Chat
  • Integrations
    • Website
    • Social Media Channels
      • WhatsApp
      • Instagram Messaging and Comment
      • Facebook Messenger and Comment
      • Viber
      • Telegram
    • Direct Chat Page
    • Mobile SDK
      • Native Android SDK
      • Native iOS SDK
      • Flutter Android SDK
      • Flutter iOS SDK
      • React Native iOS SDK
      • React Native Android SDK
    • Email Integration
      • Forward emails to your REVE Chat tickets
      • Integrate Your Business Email
        • Connecting Gmail with POP/IMAP Settings
    • All Integrations
      • CRM Integrations
        • Pipedrive
        • Salesforce
        • HubSpot
        • MS Dynamics
        • Amo CRM
        • Agile CRM
        • Vtiger
        • Capsule
        • Infusionsoft (by Keap)
      • CMS Integration
        • WordPress
        • DotNet Nuke
        • Blogger
        • Joomla
        • Drupal
        • ModX
      • E-commerce
        • Shopify
        • Bigcommerce
        • WooCommerce
        • Prestashop
        • 3dCart
        • Pinnacle Cart
        • Corecommerce
        • BigCartel
        • ECWID
        • LemonStand
        • Ebay
        • Volusion
        • Americommerce
        • osCommerce
        • Magento
          • By Manual Code Injection
        • Zencart
        • XCart
        • OpenCart (V4.0.x)
          • OpenCart (Old Version Integration)
        • CSCart
        • Abantecart
      • Website Builder
        • Wix
      • Hosting Platform
        • Plesk
        • WHMCS
      • Analytics
        • Google Tag Manager
        • Google Analytics
    • Google Integration
      • YouTube Integration
      • Google Play Store
      • Google Business Account
  • Appstore
  • Customization
  • Inbox
    • Breaking Down of Single Inbox
    • Folders of Single Inbox
    • How Conversation Works!
    • Chat Monitoring for All Ongoing Agents' Chat
    • Chat History for All Closed Conversations
    • Proactive Chat Management
    • Voice & Video Call
    • Co-Browsing
    • How to use Shortcuts
    • Inbox Appearance
  • Contacts
    • Manage Your Contacts
    • Segments
  • WhatsApp Campaign
    • What is WhatsApp Campaign?
      • Broadcast: Send Campaigns
      • Templates: Create Campaign
  • Tickets
    • Set up your Ticketing email
    • Create Ticket
    • Knowing your Ticketing tables
    • Managing a Ticket
  • Chatbot
    • Bot Builder
      • Response Elements
        • Text Action
        • Quick Reply Action
        • Carousel Action
        • Button Action
        • Send Email
      • Data Collection
        • Ask Name
        • Ask Phone
        • Ask Email
        • Ask Question
        • Ask OTP
        • Ask File
        • Ask Date
        • Ask Time
        • Forms
        • Ask Number
      • Media
        • Image Action
        • Audio Action
        • Video Action
        • File Action
      • Workflow Action
        • Condition Action
        • Chat Transfer Action
        • Close Chat
        • Appointment Action
        • Attribute Action
        • Business Hour
        • System Attributes
      • Advanced Action
        • Salesforce Bot Action Manual
        • API Connector
        • Goal
        • Dynamic Data
    • Brain AI
      • ChatGPT Integration
    • Settings
      • Bot Profile
      • General Settings
      • Webhook
    • Training
      • Intent Sample
      • Sentiment
      • Synonyms
      • FAQ
      • Untrained
      • Trained
      • Bulk Training
    • Multilingual Bot
  • Reports
    • Summary
    • Chat Satisfaction
    • Chatbot Report
      • Bot Engagement
      • Flow Engagement
      • Goal Analysis
    • Agent Analytics
      • Agent Activity
      • Agent Performance
      • Metrics
      • SLA Breach Analysis
    • Visitor Analytics
    • Enterprise Report
      • Daily Agent Performance
      • Hourly Agent Performance
      • Daily Group Performance
      • Traffic Analysis Report
      • First Response Time
  • User Profile
    • Billing
    • Help & Feedback
  • Settings
    • General Settings
      • Auto Triggers
      • Forms
        • Pre Chat Form
        • Post Chat Form
        • Custom Forms
          • Advanced Forms
        • Ticket Forms
      • Canned Responses
      • Custom Attributes
      • Call Recording
      • Tags
      • Appointment
      • Departments
      • Chat Transcript Forwarding
      • Ban Visitor
      • Trusted IP & Domain
      • Business Hour
    • Chat Widgets
      • Appearance
      • Custom Message
      • Widget Features
      • Forms
      • Code Snippet & Quick Share
    • Ticketing
      • Email Templates
      • Status Management
    • Agent Management
      • Agents
      • Departments
      • Role Management
    • API Settings
      • Json Parse Format
    • Scripts
    • SLA Policy
    • Routing Policy in REVE Chat
      • Chat Routing
      • Advanced Routing
    • Other Settings
Powered by GitBook
On this page
  • How To Create A Form
  • Form Elements

Was this helpful?

  1. Settings
  2. General Settings
  3. Forms

Custom Forms

PreviousPost Chat FormNextAdvanced Forms

Last updated 8 months ago

Was this helpful?

We can create custom forms using the form component under the general settings.

How To Create A Form

Let's create a new form by clicking the "Create Form" button. We will get a pop-up where we have to provide a name & description(optional).

After filling up the pop-up we will land in the form builder. The form builder is divided into three columns:

The most left column displays the form name, description, created by & date of creation. Here is a setting as well (red box), where we either allow or disable the chat panel to let customer type.

In the middle column, you'll add the form elements you wish to use. Once an element is added, simply click on it to expand its settings, allowing you to customize and adjust each element to perfectly suit your needs. The chronology of the elements we add here will be same when a customer views the form.

The right most column(highlighted in yellow), is where all the form components will be available to use. We, simply have to click an element to add.

Form Elements

Name

We can use the name action to gather customer's name.

In the label text box (marked in green), we can ask our question.

If we want, we can show a placeholder text(marked in yellow) for customers better understanding

Lastly we need to select an attribute to save the customers input.

Phone

We can use the phone action to collect customers phone number.

In the label text box (marked in green), we can ask our question.

If we want, we can show a placeholder text(marked in yellow) for customers better understanding

Lastly we need to select an attribute to save the customers input.

Email

We use the email action when we want to collect the customers email.

In the label text box (marked in green), we can ask our question.

If we want, we can show a placeholder text(marked in yellow) for customers better understanding

Lastly we need to select an attribute to save the customers input.

Text Box

We can use the 'Text Box' action to gather customer's free form input.

In the label text box (marked in green), we can ask our question.

If we want, we can show a placeholder text(marked in yellow) for customers better understanding

We can limit how many characters (marked in blue) by providing a minimum & maximum value. We can also limit the writing size to either long or short.

Lastly we need to select an attribute to save the customers input.

Sub header

We can use this element if we want to provide a sub header to the form. There is also a "Description" area where we can add additional information if needed.

Choice List

We can use this element to allow our customers to select between different options (They can only select one option).

In the label text box (marked in green), we can ask our question.

If we want, we can show a placeholder text(marked in yellow) for customers better understanding

In the choice list box (marked in yellow), we have a provide the options we want to display to our customer. If we want, we can also provide each option a specific value.

Lastly we need to select an attribute to save the customers input. If no value is given for each option, the option text will be saved in the attribute.

Dropdown

We can use this element to allow our customers to select between different options (They can only select one option).

In the label text box (marked in green), we can ask our question.

In the choice list box (marked in purple), we have a provide the options we want to display to our customer. If we want, we can also provide each option a specific value.

Lastly we need to select an attribute to save the customers input. If no value is given for each option, the option text will be saved in the attribute.

Multiple Choice

We can use this element to allow our customers to select between different options (They can select more than one).

In the label text box (marked in green), we can ask our question.

In the choice list box (marked in yellow), we have a provide the options we want to display to our customer. If we want, we can also provide each option a specific value.

Lastly we need to select an attribute to save the customers input. If no value is given for each option, the option text will be saved in the attribute.

File Upload

Customers sometimes may need to upload a file, for suppose opening a bank account, applying for a loan etc.

We have a new file upload element using which we can ask a customer to upload a file.

In the label text box (marked in green), we can ask our question.

If we want, we can change the button text(marked in yellow) for customers better understanding

Then we have to enable which type of files our customer can upload, by enabling them individually & selecting a maximum file size (marked in purple).

Lastly we need to select an attribute to save the customers input.

Rating

There is also a customer feedback collection are which we can use to rate our service/ products etc.

In the label text box (marked in green), we can ask our question.

Next we have to select the scale ( rate between 1 to 5 stars) & the rating shape ( between stars & emoni)

Lastly to save the customers input, we have select or create an attrbibute.

Numeric

Using this element we can get a numeric based response for a question.

In the label text box (marked in green), we can ask customers to provide a number. If we want, we can also show a placeholder text for customer's better understanding.

We can also add a prefix or suffix depending on the numeric value

Date & Time

We can use this to allow customers select a date & time to book an appointment, schedule a meeting and many more.

Date

  • First we have to select between a Time Zone from the drop down (marked in green). But it is optional.

  • Then we have to choose a date format like MM/DD/YYYY (marked in yellow)

  • After that we have to select for which date segment, date selection will be available for- present, past Or future (marked in blue)

  • Next we have to select the weekdays (when our services will be available) & add holidays so that customers can't select a date for a meeting or appointment when our office will be closed.

  • Lastly we have to select an attribute that will save the provided data.

Time

By enabling the time picker, customers can select specific time of a day for appointments, meeting etc.

  • First we have to provide when the business will be open by providing opening time & closing time (marked in green).

  • Next we can select how the time will be displayed in the time picker, as 12 hour format(using am/pm) or 24 hour format. (marked in yellow)

  • We can also select the time slot the whole day will be divided (marked in blue). Here if we select 30 minutes and our office hour starts from 9am, time slot for appointment will be available as 9am, 9:30am, 10am etc.

Any questions? Please email us at or .

issue.support@revechat.com
scan to chat with us