Chatbot

View All Docs
+

Getting Started (3)

+

Ai Configuration (6)

+

Woocommerce Integration (5)

+

Chatbot Implementation (3)

+

Customization (2)

+

Conversation Management (2)

−

Chatbot Menu Settings (4)

+

Security And Privacy (4)

Contact Form Integration

Reading Time: 3 minutes

Overview

The Contact Form feature allows your chatbot to collect and process user inquiries efficiently through an integrated contact form system. This premium feature provides a seamless way for visitors to get in touch while maintaining security and spam protection.

Features

  • Easy Integration: Contact form directly integrated into the chatbot interface
  • File Attachments: Support for image uploads (up to 3 files)
  • Category Dropdown: Customizable dropdown menu for inquiry categorization
  • Google reCAPTCHA: Built-in spam protection using reCAPTCHA v3
  • Responsive Design: Works seamlessly on both desktop and mobile devices
  • Email Notifications: Automatic email notifications to admin with form submissions

Configuration Steps

1. Enable Contact Form

  1. Navigate to WPiko Chatbot → Contact Form Settings
  2. Toggle “Enable Contact Form” to activate the feature
  3. Click “Save Changes”

2. Configure Optional Features

Category Dropdown (Optional)

  1. Enable “Form Dropdown” option
  2. Add dropdown options in the text area (one option per line)
  3. Save changes

Example dropdown options:

General Inquiry
Technical Support
Billing Question
Feature Request

File Attachments (Optional)

  1. Enable “File Attachments” option
  2. Users can attach up to 3 images
  3. Supported formats: JPG, PNG, GIF
  4. Maximum file size: 3MB per image
  1. Enable “Google reCAPTCHA”
  2. Create reCAPTCHA v3 keys
  3. Enter Site Key and Secret Key
  4. Optionally hide reCAPTCHA badge
  5. Save changes

Accessing the Contact Form

There are multiple ways to make the contact form accessible to users:

1. Chatbot Menu Option

  • The contact form appears as an option in the chatbot menu automatically when enabled

2. Custom URL Parameter

Add ?wpiko_contact=open to any page URL to automatically open the chatbot with contact form:

https://yourwebsite.com/page/?wpiko_contact=open

Add a contact form link to your website menu:

  1. Go to Appearance → Menus
  2. Add a Custom Link
  3. Set URL to ?wpiko_contact=open
  4. Set Link Text (e.g., “Contact Us”)

4. AI Assistant Integration

Configure your chatbot to provide contact form access in conversations:

Method 1: Direct Form Opening

Add to Assistant Instructions:

For support inquiries, provide only: Wpiko Form

Method 2: URL Redirect

Add to Assistant Instructions:

For support inquiries, direct users to https://yoursite.com/page/?wpiko_contact=open

Contact Form Fields

The form includes the following fields:

  • Name (required)
  • Email (required)
  • Category (if dropdown enabled)
  • Message (required)
  • File Attachments (if enabled)

Security Features

  1. Form Validation
  • Required field validation
  • Email format validation
  • File type verification
  • File size limits
  1. reCAPTCHA Protection
  • Spam prevention using reCAPTCHA v3
  • Invisible verification process
  • Configurable badge visibility
  1. File Upload Security
  • Restricted file types (images only)
  • File size limits (3MB per file)
  • Secure file handling and cleanup

Email Notifications

When a form is submitted:

  • Admin receives an email notification
  • Email includes:
  • User’s name and email
  • Selected category (if enabled)
  • Message content
  • Any attached files
  • Timestamp and site information

Best Practices

  1. reCAPTCHA Implementation
  • Always use reCAPTCHA to prevent spam
  • Keep keys secure and never share them
  • Include privacy policy links when using reCAPTCHA
  1. Dropdown Categories
  • Keep categories clear and concise
  • Use 4-8 categories maximum
  • Order from most to least common
  1. File Attachments
  • Enable if visual context is important
  • Inform users about file restrictions

Troubleshooting

Common Issues and Solutions

  1. Form Not Displaying
  • Verify premium license is active
  • Check if contact form is enabled
  • Clear browser cache and reload
  1. File Upload Issues
  • Verify file type (JPG, PNG, GIF only)
  • Check file size (max 3MB)
  • Ensure proper server permissions
  1. reCAPTCHA Problems
  • Verify correct API keys
  • Check for JavaScript errors
  • Ensure proper domain registration
  1. Email Delivery Issues
  • Check admin email settings
  • Verify server can send emails
  • Check spam folders