Product Name: jQuery WhatsApp Any Form
Document: Installation & Setup Guide
Product Version: 2.0.0
Document Updated on: Monday, July 17, 2023
Setup Guide
Thanks for the purchasing our product.
Please feel free to contact if you have any questions that are beyond the
scope of this help file.
contact@livelyworks.net
https://livelyworks.net
Table of Contents
FOLDER AND FILE STRUCTURE ....................................................................................................................... 2
BASIC SETUP & CONFIGURATIONS ................................................................................................................. 4
THANK YOU .................................................................................................................................................... 7
Folder and File Structure
In the downloaded Zip file, you will find below files & folders:
• Source – a folder containing all the required files application files & folders.
• Setup-Guide.pdf – an Instruction manual for setup (This Document).
Source Folder:
▪ index.html is main html demo file which shows all the required JavaScript & CSS
files.
▪ static-assets – this folder contains folder structure for all the static files like
JavaScript, CSS etc.
• packages – this folder contains all the 3rd party libraries including jQuery
& jQuery Validations JavaScript libraries on which application depends
on.
• ico – it contains the favicon image
• lw-jquery-whatsapp-any-form– this is most important folder for this
application, as it contents Custom CSS, all the JavaScript logic
o css – this folder contains the files of custom stylesheet for plugin- It is
not required to work the plugin.
o js – this folder contains the minified & non-minified files of main
JavaScript file for plugin. It is the main required plugin file to work.
JQUERY - WHATSAPP ANY FORM - SETUP GUIDE - MONDAY, JULY 17, 2023 2
By default, minified file is imported in html files if you want to make
some changes you may need to change in and import non-minified
file in html file.
JQUERY - WHATSAPP ANY FORM - SETUP GUIDE - MONDAY, JULY 17, 2023 3
Basic Setup & Configurations
The form shows in index.html is for the demo purposes you can modify it as per
your need.
Below image will shows you how to initialize, comments and code are self-
explanatory.
How to initialize plugin
you need initialize plugin for your form by their jQuery identifier like . for class, #
for id etc.
Form Building
data-title used in below image will be used for the message title in WhatsApp
JQUERY - WHATSAPP ANY FORM - SETUP GUIDE - MONDAY, JULY 17, 2023 4
Value Labeling
By default, system first search for the data-title on that particular field, if it doesn’t
set then it will search for any placeholder of that field if that also not present then
it searches for data-title on parent tag. If all of it doesn’t work then the system
uses name attribute of that particular field.
JQUERY - WHATSAPP ANY FORM - SETUP GUIDE - MONDAY, JULY 17, 2023 5
JQUERY - WHATSAPP ANY FORM - SETUP GUIDE - MONDAY, JULY 17, 2023 6
Thank You
We have tried our best to explain the functionality as possible as via this
document, Our System also help you while interacting with application.
We hope this guide will help you lot.
Once again thank you so much for purchasing this product. I would be glad to help
you if you have any questions relating to this product. No Guarantees, but We will
do our best to assist.
We are the team of Designer & Developers, here are some of the Great tools and
technologies we use day2day for the development:
Flutter, HTML5, CSS3, jQuery, PHP, Laravel, Angular, AngularJS etc.
We also build iOS & Android Application.
If you need any Customization Work / Support on this Product or having any
Project for us.
Please feel free to email us at contact@livelyworks.net
Thank You & Good Luck
livelyworks.net | contact@livelyworks.net | @livelyworks | https://github.com/livelyworks
JQUERY - WHATSAPP ANY FORM - SETUP GUIDE - MONDAY, JULY 17, 2023 7
