{"_id":"whatsapp-widget","_rev":"4-6d76f404d9f73ec20cf96679b1b45717","name":"whatsapp-widget","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.0":{"name":"whatsapp-widget","version":"1.0.0","description":"A simple WhatsApp live chat widget for your website.","repository":{"type":"git","url":"git+https://github.com/magicjar/whatsapp-widget.git"},"keywords":["whatsapp","live-chat","widget","html","css","javascript","chat"],"author":{"name":"Fajar Setya Budi","email":"fajarsetya@live.com","url":"https://magicjar.github.io"},"style":"dist/css/whatsapp-widget.css","sass":"scss/default.scss","main":"dist/js/whatsapp-widget.js","license":"MIT","bugs":{"url":"https://github.com/magicjar/whatsapp-widget/issues"},"homepage":"https://github.com/magicjar/whatsapp-widget#readme","scripts":{"compile":"npm-run-all --parallel compile:*","compile:css":"node-sass --output-style expanded --precision 6 scss/default.scss dist/css/whatsapp-widget.css","compile:js":"rollup --config","minify":"npm-run-all --parallel minify:*","minify:css":"csso dist/css/whatsapp-widget.css --output dist/css/whatsapp-widget.min.css","minify:js":"terser --compress --mangle --comments \"/^!/\" --output dist/js/whatsapp-widget.min.js dist/js/whatsapp-widget.js","watch":"npm-run-all --parallel watch:*","watch:css":"nodemon --watch scss/ --ext scss --exec \"npm-run-all compile:css minify:css\"","watch:js":"nodemon --watch src/ --ext js --exec \"npm-run-all compile:js minify:js\""},"devDependencies":{"@babel/core":"^7.10.5","@babel/preset-env":"^7.10.4","@rollup/plugin-babel":"^5.1.0","csso-cli":"^3.0.0","node-sass":"^4.14.1","nodemon":"^2.0.4","npm-run-all":"^4.1.5","rollup":"^2.21.0","terser":"^4.8.0"},"gitHead":"4e48f050f17b2a089cc21a650b7779446fe93b36","_id":"whatsapp-widget@1.0.0","_nodeVersion":"14.3.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-JIasLrqFUWqMlEsWERKLHG9fKq2JFxXZKY1uXj3Wa0GugGGufDyoPhvv0AtsJ4Rew/J7Bq6BvrjRGFu+MQqf7g==","shasum":"709a3beeeac731fbddb0c99d7393ece06a5d550c","tarball":"https://registry.npmjs.org/whatsapp-widget/-/whatsapp-widget-1.0.0.tgz","fileCount":7,"unpackedSize":37011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKG8gCRA9TVsSAnZWagAAenYP/0R0/nd+yM/4BhIEgOzc\nArT5cayNood4HEt8rQfnXIIgzm+On4djl5DQ/C906bA1Ezv5Pnd5yE89rpa+\n7a1b1XJNpMmIvR7+dXXBQlssEX389h1G9cGWyP5+TP8T9MtEFVKbScBlDUkC\n+sNO5Up2NzapezDzsSoBSi/ywjlZn5veIDpGGaVrI6ORBqZf4QvnYsHdT1oX\nezFPYCpIes43o5SpIUSEYujhfojUz7n57dt8eeKEyna/Ix9EtU63l51qvEsw\nLSks14wP5yRdMAAQNRHtnWDUL0pcuv/a5hYMBsvcsnRMaCR4nySRIEmb1cLe\n6Qzfk3btMvvj19zdtDAitLJYdfSP7k2Eo1jjzehjW1ptMXqlYcnys56dIgGD\nEEppVi0NwUkal+04xalew/hq1zAEZjSlrM78+2fEf/k8SwJkx4olIxlCxjCs\nJt8I03Bs3i96gI/awzx/meCNDwufSEHPd5wODwLIp5m0weFx3F5oAig5b/Uc\nC2oEjUdT+iORoooTf8dhmiqe5V3bCkMzfxxJQOBf9FGJIVab/1XPerbOMnbN\nfqvydJcaLRqCXaCx8Tsj2Uue/ebancvKaCBVQws38ak1C+Y+cANYV4vhef6+\n/CuiZdQ44rXD7IoRPoFgfPuZg21gfD6j1J1jpMpvdD+rCGmSJnZ56J4seDFb\naT4p\r\n=+HB1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDt6GLLGeF51Z+UzRaHRpzSvIZX8r7LyGfWBwXf25n7CQIhAOoQYyNqb78MK07/zeA5cRHf0GI4QE+Q3ofacditc8wl"}]},"maintainers":[{"name":"magicjar","email":"fajarsetya@live.com"}],"_npmUser":{"name":"magicjar","email":"fajarsetya@live.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/whatsapp-widget_1.0.0_1596485407716_0.19526011953652445"},"_hasShrinkwrap":false},"1.0.1":{"name":"whatsapp-widget","version":"1.0.1","description":"A simple WhatsApp live chat widget for your website.","repository":{"type":"git","url":"git+https://github.com/magicjar/whatsapp-widget.git"},"keywords":["whatsapp","live-chat","widget","html","css","javascript","chat"],"author":{"name":"Fajar Setya Budi","email":"fajarsetya@live.com","url":"https://magicjar.github.io"},"style":"dist/css/whatsapp-widget.css","sass":"scss/default.scss","main":"dist/js/whatsapp-widget.js","license":"MIT","bugs":{"url":"https://github.com/magicjar/whatsapp-widget/issues"},"homepage":"https://github.com/magicjar/whatsapp-widget#readme","scripts":{"compile":"npm-run-all --parallel compile:*","compile:css":"node-sass --output-style expanded --precision 6 scss/default.scss dist/css/whatsapp-widget.css","compile:js":"rollup --config","minify":"npm-run-all --parallel minify:*","minify:css":"csso dist/css/whatsapp-widget.css --output dist/css/whatsapp-widget.min.css","minify:js":"terser --compress --mangle --comments \"/^!/\" --output dist/js/whatsapp-widget.min.js dist/js/whatsapp-widget.js","watch":"npm-run-all --parallel watch:*","watch:css":"nodemon --watch scss/ --ext scss --exec \"npm-run-all compile:css minify:css\"","watch:js":"nodemon --watch src/ --ext js --exec \"npm-run-all compile:js minify:js\""},"devDependencies":{"@babel/core":"^7.10.5","@babel/preset-env":"^7.10.4","@rollup/plugin-babel":"^5.1.0","csso-cli":"^3.0.0","node-sass":"^4.14.1","nodemon":"^2.0.4","npm-run-all":"^4.1.5","rollup":"^2.21.0","terser":"^4.8.0"},"gitHead":"bf87abd1bae4ca1e6698e922969be46a97de36ab","_id":"whatsapp-widget@1.0.1","_nodeVersion":"14.3.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-4qHUwaQtHofREPBTHKSkQDvj/OBLmsIlNoCXA0uy7bTz+i1BduWcltNjuYBSzNeco7VcRQMUGZm5kEe21WxDbw==","shasum":"480f38fe482e746ea8251e3d2e5d1015917138be","tarball":"https://registry.npmjs.org/whatsapp-widget/-/whatsapp-widget-1.0.1.tgz","fileCount":7,"unpackedSize":37191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKaYBCRA9TVsSAnZWagAAm1EQAJ9eqwLbu/gwUk4AMfsX\n9Jw8ic6nLQbMagoqWdjYr2SMIkIHCoc32PiU16l9PpGXgkaV9hfkOomXASab\nOURA/iMSDnctUqF7ur52QJMXxdgFbrKnTk3SF6PEw5epQNLQUeVDPMr+VjaP\ntBQmZj5r+oXCZ9ynkiTi5AlmXE6ePfx5ZFwids1ddowlPu1iRMMJqB/il/Sy\nfEFb3Gz1XIy306LoJns17wpFPyK9mOE7Z5n+MJ1Zt+U5U5dgevayZX65pRLb\nHbIKLOjRU4bsYSHbFPgWnrynRw3x1L1xsu+aXDbHpFCoORY2cBCXaphCXXnm\nTxEktvlbdQqemm+SBbzWo7ycX3yPZCdog+2cYPy1YmMfwU5gtQwOLuZaJM9P\nq/dwULQ9mKGm/e37YZxxMfOPsghubuzVdKZJlFJu7YFRUB4+R43DbrTIQObd\nyGiQE7QP/lkWRyEu2RYFPaVmefJWTVM1z1nzhATxvybpkd6J1bbkBkwpTxEq\neoA7+T4Y/XGV9r/MNEqa6Tr3D8AzxM6Mp5nfArM1pYmkjmKOHGJr1JpmRVsN\nwtPxb2vasuGI2p3Rqbtt9h8RHxi0EBK91MkTo6LPXiw5mpmhL17+MqqZQKd3\nadwdQscGs/IqFLo2Hho+hacA7sfpJaxsk5FsKm0kSIRE6O+/TL/NCjbtJhYw\neSD6\r\n=UJ+u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGNnX+atTH7XnzpD8mn0429kj8tTNtU4a2i3u1NovR9gAiBNXFeAcIhENNDoa8qe7BCBWieFoOHc2iQqKb4sB9rHEw=="}]},"maintainers":[{"name":"magicjar","email":"fajarsetya@live.com"}],"_npmUser":{"name":"magicjar","email":"fajarsetya@live.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/whatsapp-widget_1.0.1_1596564992590_0.7622317455996859"},"_hasShrinkwrap":false},"1.1.0":{"name":"whatsapp-widget","version":"1.1.0","description":"A simple WhatsApp live chat widget for your website.","repository":{"type":"git","url":"git+https://github.com/magicjar/whatsapp-widget.git"},"keywords":["whatsapp","live-chat","widget","html","css","javascript","chat"],"author":{"name":"Fajar Setya Budi","email":"fajarsetya@live.com","url":"https://magicjar.github.io"},"style":"dist/css/whatsapp-widget.css","sass":"scss/default.scss","main":"dist/js/whatsapp-widget.js","license":"MIT","bugs":{"url":"https://github.com/magicjar/whatsapp-widget/issues"},"homepage":"https://github.com/magicjar/whatsapp-widget#readme","scripts":{"compile":"npm-run-all --parallel compile:*","compile:css":"node-sass --output-style expanded --precision 6 scss/default.scss dist/css/whatsapp-widget.css","compile:js":"rollup --config","lint:js":"eslint src","minify":"npm-run-all --parallel minify:*","minify:css":"csso dist/css/whatsapp-widget.css --output dist/css/whatsapp-widget.min.css","minify:js":"terser --compress --mangle --comments \"/^!/\" --output dist/js/whatsapp-widget.min.js dist/js/whatsapp-widget.js","watch":"npm-run-all --parallel watch:*","watch:css":"nodemon --watch scss/ --ext scss --exec \"npm-run-all compile:css minify:css\"","watch:js":"nodemon --watch src/ --ext js --exec \"npm-run-all lint:js compile:js minify:js\""},"devDependencies":{"@babel/core":"^7.10.5","@babel/preset-env":"^7.10.4","@rollup/plugin-babel":"^5.1.0","csso-cli":"^3.0.0","eslint":"^7.6.0","node-sass":"^4.14.1","nodemon":"^2.0.4","npm-run-all":"^4.1.5","rollup":"^2.21.0","terser":"^4.8.0"},"gitHead":"923aa1d5bd64a952e164b6d6835770267171ef80","_id":"whatsapp-widget@1.1.0","_nodeVersion":"14.3.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-LaVN/ChJZP8gW5BnMJREVg85ElKjCJqnF2YuoXW4b4FuZRCbfDi6Mcal1rCjI5d/B5k5Kx4ih1oDMY0W3b0/kw==","shasum":"39766b5a28929d13375a56228b202e1cca9152dd","tarball":"https://registry.npmjs.org/whatsapp-widget/-/whatsapp-widget-1.1.0.tgz","fileCount":7,"unpackedSize":37197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKwd7CRA9TVsSAnZWagAAIOUP/AqQUaFymJfF2du86G4T\nUBYVyTqtUkNav64HXLKvs+fDWU0WcTyIDajtdGhQlqQOKElPRyqcxgMZI6St\nCaeH3ke5dQ60ut7kQpBCVyU4AbxX+yWcMUu1KlGgEp2n40OmJkGtpr6lNutx\nDddWHmJCaHXZYnSXxxKnVZ9GwUt9AVdeCS7VYs3DrhZCDiUsVU6p4l+R4QPM\nfH6zlRy67rcXl6qzLrgI5EYq190XqZ2PC+bBk7iQbMN0hV/VL3KEGD/JDOr6\nKcjNTe0Yfw1sBKd0jaJp5cjC7KzyNr6z+hizxL4MwLNEBya4b7RWoKdkHy2Z\nye5bPu1eyiC1MP90FOok6eV61YsZvQMYEsgNgtv9hx6Lgju/aAyr7fE3l9Us\n+asHwaYEsiYs6zuMpn8+Ickzc7sdOTqspxLOJ4z8miEEt174cfNPNn9UwmiJ\nHANM+ZwB90jTc016nHXcshq5Z+8jcb0ss1bKymznEe2k1t7V6fMLgAhW4QZu\nc5qnxigW8jjPvrB7q02WXxcC9UfrilUgLbOfsNfvdmwXSUe3refXWVyCVxCG\n3kmFtpvFcRuwVv1Fos4SRnDSU+SKn0ISxnUKuG77SUqlwGF/CWodu9wHPYvQ\nocVa7mMECFdDE4+lB+wV4lvebKEEyN46ljMNNkmyq0Yr8H1xoZdoHutASqO+\nVDPj\r\n=qPJP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBNgCMU8mAAYuWPc/2av8r0QSSF7GNcg4y3hsfgX8HyDAiEAy9jUS06CMnorSaK5YnB7An+nAvr7DbhdDIdznLufyBk="}]},"maintainers":[{"name":"magicjar","email":"fajarsetya@live.com"}],"_npmUser":{"name":"magicjar","email":"fajarsetya@live.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/whatsapp-widget_1.1.0_1596655483164_0.9265988790264472"},"_hasShrinkwrap":false},"1.2.0":{"name":"whatsapp-widget","version":"1.2.0","description":"A simple WhatsApp live chat widget for your website.","repository":{"type":"git","url":"git+https://github.com/magicjar/whatsapp-widget.git"},"keywords":["whatsapp","live-chat","widget","html","css","javascript","chat"],"author":{"name":"Fajar Setya Budi","email":"fajarsetya@live.com","url":"https://magicjar.github.io"},"style":"dist/css/whatsapp-widget.css","sass":"scss/default.scss","main":"dist/js/whatsapp-widget.js","license":"MIT","bugs":{"url":"https://github.com/magicjar/whatsapp-widget/issues"},"homepage":"https://github.com/magicjar/whatsapp-widget#readme","scripts":{"compile":"npm-run-all --parallel compile:*","compile:css":"node-sass --output-style expanded --precision 6 scss/default.scss dist/css/whatsapp-widget.css","compile:js":"rollup --config","lint:js":"eslint src","minify":"npm-run-all --parallel minify:*","minify:css":"csso dist/css/whatsapp-widget.css --output dist/css/whatsapp-widget.min.css","minify:js":"terser --compress --mangle --comments \"/^!/\" --output dist/js/whatsapp-widget.min.js dist/js/whatsapp-widget.js","watch":"npm-run-all --parallel watch:*","watch:css":"nodemon --watch scss/ --ext scss --exec \"npm-run-all compile:css minify:css\"","watch:js":"nodemon --watch src/ --ext js --exec \"npm-run-all lint:js compile:js minify:js\""},"devDependencies":{"@babel/core":"^7.10.5","@babel/preset-env":"^7.10.4","@rollup/plugin-babel":"^5.1.0","csso-cli":"^3.0.0","eslint":"^7.6.0","node-sass":"^4.14.1","nodemon":"^2.0.4","npm-run-all":"^4.1.5","rollup":"^2.21.0","terser":"^4.8.0"},"gitHead":"3f6d5d23a6f0ef7921768b14032f172cae89625c","_id":"whatsapp-widget@1.2.0","_nodeVersion":"12.18.3","_npmVersion":"6.14.6","dist":{"integrity":"sha512-rJNA7vRMNyqmPUuBrdDRBNL+Yns0nj7JMwFkBEN5x7HyulMWhx6Ljk40JuX5zMhZ8bVgViOgkE/tLEQGH3/Msg==","shasum":"4239006b31b278b401411c8b8bc5792611da9458","tarball":"https://registry.npmjs.org/whatsapp-widget/-/whatsapp-widget-1.2.0.tgz","fileCount":7,"unpackedSize":38008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMxDUCRA9TVsSAnZWagAAxMAQAJNeNy4nuVLsG5xcI0Gs\nDHFDCrX7H88MMXAlRqvWatkRiEdlEvBVbLftG0TJivTZyn8cSUBioMJrB2zP\n4M6E4u9S6mHP/ZulRxuQS7LabAeWrfvE5Tn7WNhnDQeOShmuTDvk4JtzNAOm\nQbGxjREisiKeGJc4hqj05SVR5tMofNLkckfcvuc16eK710VXn9tsccnYJrjE\n7EdJVO15Ms4+15vXjNaOgk4Po+I3Hf+AKrUg4bymGJcvRvVTOhMQu+FXAgh0\nffeO/ahJNnBQFztj7uw2+QeA8z+RkhzbIMjDVM0EWOG0TueJIcIryuSzoSmy\n79gBhzUE1jwbohKoN1zSfpAhhQoAnFkib3Kq4ktkQQZ0tm/Yly+nKm64wRv8\nE9YlOzE1F2RJD1PO26Dg8YC0nWeCjJgLVCHIZTfIOKgEZEOIDTeYgwzwNnCr\nZPVuHRslbPwwljoWNNsGkTejG+Zt+YLVqt4W9DuexwZk5gKuYkdHwZmHL+qI\n/Ra8QHszW1pTeYb/W7V45GmPB+AnmO0uHu2p+UFnlvCRqkaJ0QLtpp5pXgB6\ntMPqNh4FCWZ+Nb82u9GZ97A55N3sMxAr9AOYYTtKVENoXDDVDGDjs99xfmJ9\n6xzQEvAjM9DInsm7uxCWEETVUYzemPnNfB/YTB5m4++lXo0lksu/TRLtAcvz\nax8N\r\n=RrC6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBo225yqgGVsgAXNaa5GnBabgTo40R1xfo9kXc8sTn7SAiBYgNay34i7IAtR610TzO+EMAnnte8LyfYReiuNLboGdQ=="}]},"maintainers":[{"name":"magicjar","email":"fajarsetya@live.com"}],"_npmUser":{"name":"magicjar","email":"fajarsetya@live.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/whatsapp-widget_1.2.0_1597182163997_0.9906336703729963"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-03T20:10:07.716Z","1.0.0":"2020-08-03T20:10:07.852Z","modified":"2022-05-24T10:58:10.747Z","1.0.1":"2020-08-04T18:16:32.708Z","1.1.0":"2020-08-05T19:24:43.333Z","1.2.0":"2020-08-11T21:42:44.089Z"},"maintainers":[{"name":"magicjar","email":"fajarsetya@live.com"}],"description":"A simple WhatsApp live chat widget for your website.","homepage":"https://github.com/magicjar/whatsapp-widget#readme","keywords":["whatsapp","live-chat","widget","html","css","javascript","chat"],"repository":{"type":"git","url":"git+https://github.com/magicjar/whatsapp-widget.git"},"author":{"name":"Fajar Setya Budi","email":"fajarsetya@live.com","url":"https://magicjar.github.io"},"bugs":{"url":"https://github.com/magicjar/whatsapp-widget/issues"},"license":"MIT","readme":"# WhatsApp Widget\n\nA simple WhatsApp live chat widget for your website.\n\n## Table of content\n\n- [Getting started](#getting-started)\n- [Usage](#usage)\n    - [Built in form](#built-in-form)\n    - [Custom form](#custom-form)\n- [Configs](#configs)\n- [License](#license)\n\n## Getting started\n\nThere are some ways to import the package\n- [Download the latest release.](https://github.com/magicjar/whatsapp-widget/releases)\n- Clone the repo:\n\n    `git clone https://github.com/magicjar/whatsapp-widget.git`\n    \n- Install with [npm](https://www.npmjs.com/):\n    \n    `npm install whatsapp-widget`\n\n- CDN from [jsDelivr](https://www.jsdelivr.com)\n\n    [https://www.jsdelivr.com/package/npm/whatsapp-widget](https://www.jsdelivr.com/package/npm/whatsapp-widget)\n\n## Usage\n\nInclude the `css` inside `head` tag and `javascript` file inside `body` tag of your html file.\n\n``` html\n<link rel=\"stylesheet\" href=\"/dist/css/whatsapp-widget.min.css\">\n```\n\n``` html\n<script src=\"/dist/js/whatsapp-widget.min.js\"></script>\n```\n\n### Built in form\n\nTo use our built-in chat form, copy and paste this HTML code inside `<body>` tag. Replace `{phone_number}` with your number in international format (Leading zero replaced with country code) and omit any brackets and dashes.\n\n``` html\n<form id=\"whatsapp\" class=\"wa-widget\" action=\"{phone_number}\" data-chat=\"whatsapp\"></form>\n```\n\nTo initiate the built in widget, place this script before `</body>` closing tag.\n\n``` html\n<script>\n    // WhatsAppWidget(element, { configs }, [ inputs ])\n\n    var chat = new WhatsAppWidget(document.getElementById('whatsapp'), {\n        // configs...\n    }, [\n        // array of input object\n    ]);\n</script>\n```\nFrom v1.2.0, you can create as many inputs as you want with `built-in form` by creating an array of input object with `data`, `type`, and `required` properties.\n\nExample:\n``` text\n[{\n    data: 'name',\n    type: 'text',\n    required: true\n}, {\n    data: 'email',\n    type: 'email',\n    required: false\n}, {\n    data: 'message',\n    type: 'text',\n    required: true\n}]\n```\n\nThis will create three inputs.\n 1. `Name` input with `text` type and it's required / mandatory\n 2. `Email` input with `email` type and it's opsional\n 3. `Message` input with `text` type and it's required / mandatory\n\n### Custom form\n\nTo make a custom form, first you have to create `form` element with an `id` attribute, `data-chat` attribute and `action` attribute to put your phone number. Inside the form you have to add an element with `wa-widget-content` class.\n\n``` html\n<form id=\"billing-support\" action=\"{phone_number}\" data-chat=\"billing-support\">\n    <div class=\"wa-widget-content\">\n        <!-- your input -->\n    </div>\n</form>\n```\n\nAnd for the input form to write a chat or message, you only need to create an `input` element with `data-message` attribute inside the form element. You can add an input as many as you want as long as it has `data-message` attribute.\n\n``` html\n<input data-message=\"name\" type=\"text\" placeholder=\"Your name\" required>\n<input data-message=\"message\" type=\"text\" placeholder=\"Your message\">\n<!-- more input -->\n```\n\nLastly, add a button inside the form with `submit` type and `data-toggle=\"wa-send\"` attribute to send the chat.\n\n``` html\n<button type=\"submit\" data-toggle=\"wa-send\">Chat</button>\n```\n\n**The custom form will automaticaly initiated without a script.**\n\n### Toggleable custom form\n\nIf you want to make your custom form toggleable (show and hide) with a click. Just create a link element `a` or a `button` element with `data-toggle=\"wa-chat\"` and `data-target=\"#{form_id}\"`.\n\n``` html\n<a class=\"button\" data-toggle=\"wa-chat\" data-target=\"#billing-support\" href=\"#billing-support\">Link</a>\n\n<!-- OR -->\n\n<button class=\"button\" data-toggle=\"wa-chat\" data-target=\"#customer-support\">Button</button>\n```\n\nOn button toggled, it will automaticaly add `expanded` class on it self and on the `form` element on show, and will remove `expanded` class on hide.\n\n## Configs\n\nName | Type | Default | Description\n---- | ---- | ------- | -----------\nname | string | '' | Chat / person name\ndivision | string | '' | Division name\nphoto | string | '' | Company logo or person photo\nintroduction | string | '' | Chat introduction\n\n## License\n\nCopyright (c) 2020 - Fajar Setya Budi.\n\nWhatsApp Widget released under the [MIT License](https://github.com/magicjar/whatsapp-widget/blob/master/LICENSE).","readmeFilename":"README.md"}