{"_id":"whatsapp-floating-widget","_rev":"4-4058d21abfe2d6c0762894e170fe1cf1","name":"whatsapp-floating-widget","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"whatsapp-floating-widget","version":"1.0.0","keywords":["whatsapp","widget","floating-button","chat","ui"],"author":{"name":"Gigabaite Tecnologia"},"license":"MIT","_id":"whatsapp-floating-widget@1.0.0","maintainers":[{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"}],"homepage":"https://github.com/gigabaiteti/whatsapp-floating-widget#readme","bugs":{"url":"https://github.com/gigabaiteti/whatsapp-floating-widget/issues"},"dist":{"shasum":"c9540495b0db8603e5d83d32e4eaafa879c80438","tarball":"https://registry.npmjs.org/whatsapp-floating-widget/-/whatsapp-floating-widget-1.0.0.tgz","fileCount":8,"integrity":"sha512-hCYULMleR4zum3PJGGIQkxDoYYujSWaHg6iU46v85+nmvYImkIB3OOddRK78DDJhTTzaEIMyS7by/Ol/zmjlSw==","signatures":[{"sig":"MEUCIQCoo7qAOY43y2zjxbMIutIVJYDh4bemP/iFcRzfNjNZpQIgJWkUYvxSb2P/3ctmS5Ohqbpclw2ZAGkPcAeJVZ2gRyk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16833},"main":"widget.js","style":"widget.css","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"},"repository":{"url":"git+https://github.com/gigabaiteti/whatsapp-floating-widget.git","type":"git"},"_npmVersion":"11.5.2","description":"A lightweight, dependency-free floating WhatsApp button widget.","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/whatsapp-floating-widget_1.0.0_1767113909036_0.8740466149285631","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"whatsapp-floating-widget","version":"1.0.1","keywords":["whatsapp","widget","floating-button","chat","ui"],"author":{"name":"Gigabaite Tecnologia"},"license":"MIT","_id":"whatsapp-floating-widget@1.0.1","maintainers":[{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"}],"homepage":"https://gigabaiteti.github.io/whatsapp-floating-widget/","bugs":{"url":"https://github.com/gigabaiteti/whatsapp-floating-widget/issues"},"dist":{"shasum":"ee2a0489a4574c7cfddb3e189f58b857c84cef25","tarball":"https://registry.npmjs.org/whatsapp-floating-widget/-/whatsapp-floating-widget-1.0.1.tgz","fileCount":7,"integrity":"sha512-yObPySaM8qshNgmWXxiQEmVhE0E5brZv5fct7RNbIUOayzzTI3Dfu4NOZIHUQvLuvFjSjv5H/ZxUKhF+gJhwpA==","signatures":[{"sig":"MEYCIQCo7rOiWIRQf6pgamml7Cyp4UZBddPc8hZl63PlNW605wIhAOYEFoJZj7xw9AI0ykrLOdifFIQGw8bZvsg1P5CfAfPs","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17307},"main":"widget.js","style":"widget.css","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"},"repository":{"url":"git+https://github.com/gigabaiteti/whatsapp-floating-widget.git","type":"git"},"_npmVersion":"11.5.2","description":"A lightweight, dependency-free floating WhatsApp button widget.","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/whatsapp-floating-widget_1.0.1_1767644243499_0.9045224897492188","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"whatsapp-floating-widget","version":"1.0.2","keywords":["whatsapp","widget","floating-button","chat","ui"],"author":{"name":"Gigabaite Tecnologia"},"license":"MIT","_id":"whatsapp-floating-widget@1.0.2","maintainers":[{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"}],"homepage":"https://gigabaiteti.github.io/whatsapp-floating-widget/","bugs":{"url":"https://github.com/gigabaiteti/whatsapp-floating-widget/issues"},"dist":{"shasum":"ee0bf1bd527dc31a5e641f8821b25c7636e3385f","tarball":"https://registry.npmjs.org/whatsapp-floating-widget/-/whatsapp-floating-widget-1.0.2.tgz","fileCount":7,"integrity":"sha512-ZZHG84tRWql77DDA02tni8Siej8H4kRltrKkjtD94MOcW2jNSf0Z6Td3zbzV2U2emWKqtgzVTAZ0fVD9At1IAg==","signatures":[{"sig":"MEUCIQDibQugEzo39AU+ICeMbKfjZjMVmOqGiYrueBfYzIGaIQIgJqC4pExb/S9hU1XJjennJMI4UkN4OLHjeiYvnAtGPBE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17268},"main":"widget.js","style":"widget.css","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"},"repository":{"url":"git+https://github.com/gigabaiteti/whatsapp-floating-widget.git","type":"git"},"_npmVersion":"11.5.2","description":"A lightweight, dependency-free floating WhatsApp button widget.","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/whatsapp-floating-widget_1.0.2_1767644327253_0.44500929473330997","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"whatsapp-floating-widget","version":"1.0.3","description":"A lightweight, dependency-free floating WhatsApp button widget.","main":"widget.js","style":"widget.css","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["whatsapp","widget","floating-button","chat","ui"],"author":{"name":"Gigabaite Tecnologia"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/gigabaiteti/whatsapp-floating-widget.git"},"bugs":{"url":"https://github.com/gigabaiteti/whatsapp-floating-widget/issues"},"homepage":"https://gigabaiteti.github.io/whatsapp-floating-widget/","_id":"whatsapp-floating-widget@1.0.3","_nodeVersion":"22.20.0","_npmVersion":"11.5.2","dist":{"integrity":"sha512-Z1mX5rkQNCsr5W790TlPOMWaYSlMm6ie7y0LbEOTTnyoFsCIUF7wjWthn12Z1nVLBUOEMk55rm5kBLlIFKKRhw==","shasum":"86e60b8f6c19d3ed3fe50444176d2c29bed3bd67","tarball":"https://registry.npmjs.org/whatsapp-floating-widget/-/whatsapp-floating-widget-1.0.3.tgz","fileCount":7,"unpackedSize":17425,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDVnhhcpD+e9Y/7DP467ThsZ0bb6cEtpZJOiAUK1dhmpwIhANLI3Cx717lKFcUKNfMbtV5wbXwVl6GU8Gk3BOHpo4YM"}]},"_npmUser":{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"},"directories":{},"maintainers":[{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/whatsapp-floating-widget_1.0.3_1767644674816_0.15176756571116212"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-30T16:58:29.035Z","modified":"2026-01-05T20:24:35.192Z","1.0.0":"2025-12-30T16:58:29.184Z","1.0.1":"2026-01-05T20:17:23.636Z","1.0.2":"2026-01-05T20:18:47.400Z","1.0.3":"2026-01-05T20:24:34.974Z"},"bugs":{"url":"https://github.com/gigabaiteti/whatsapp-floating-widget/issues"},"author":{"name":"Gigabaite Tecnologia"},"license":"MIT","homepage":"https://gigabaiteti.github.io/whatsapp-floating-widget/","keywords":["whatsapp","widget","floating-button","chat","ui"],"repository":{"type":"git","url":"git+https://github.com/gigabaiteti/whatsapp-floating-widget.git"},"description":"A lightweight, dependency-free floating WhatsApp button widget.","maintainers":[{"name":"oanselmogomes","email":"contato.anselmo@gmail.com"}],"readme":"# WhatsApp Floating Widget\r\n\r\n🔗 Also available in: [Português](README.md) | [English](README.en.md) | [Español](README.es.md)\r\n\r\nEste é um widget leve e simples de botão flutuante do WhatsApp, desenvolvido com HTML, CSS e JavaScript nativo. Ele permite que os visitantes do seu site entrem em contato diretamente via WhatsApp com um clique.\r\n\r\n## 🚀 Funcionalidades\r\n\r\n- **Zero Dependências**: Feito com Vanilla JS e CSS puro.\r\n- **Fácil Integração**: Basta adicionar o script e o CSS ao seu projeto.\r\n- **Configurável**: Defina o número de telefone, mensagem inicial e posição através de atributos de dados.\r\n- **Ícone SVG**: Ícone do WhatsApp nítido e escalável.\r\n\r\n## 📦 Instalação via NPM\r\n<br>\r\n\r\nVocê pode instalar este pacote facilmente via npm:\r\n\r\n```bash\r\nnpm install whatsapp-floating-widget\r\n```\r\n\r\n## 💻 Uso (ES Modules / Bundlers)\r\n\r\nIdeal para projetos React, Vue, Angular ou Vanilla JS com Webpack/Vite.\r\n\r\n1. **Importe o JS e o CSS:**\r\n\r\n```javascript\r\nimport WhatsAppWidget from 'whatsapp-floating-widget';\r\n// Se você estiver usando um carregador de CSS\r\nimport 'whatsapp-floating-widget/widget.css'; \r\n```\r\n\r\n2. **Inicialize o widget:**\r\n\r\n```javascript\r\nWhatsAppWidget.init({\r\n    phoneNumber: '553340420000',\r\n    message: 'Olá! Gostaria de mais informações.',\r\n    position: 'right' // 'right' ou 'left'\r\n});\r\n```\r\n\r\n---\r\n\r\n## 🚀 Uso via Upload (Script Tag)\r\n<br>\r\n1. Baixe os arquivos `widget.js` e `widget.css` e coloque-os no seu projeto.\r\n2. Adicione a referência ao CSS no `<head>` do seu HTML:\r\n\r\n```html\r\n<link rel=\"stylesheet\" href=\"./caminho/para/widget.css\">\r\n```\r\n\r\n3. Adicione o script antes do fechamento da tag `</body>`, configurando os atributos necessários:\r\n\r\n```html\r\n<!-- Exemplo de uso -->\r\n<script \r\n    src=\"./caminho/para/widget.js\" \r\n    data-phone=\"553340420000\" \r\n    data-message=\"Olá! Gostaria de mais informações.\" \r\n    data-position=\"right\">\r\n</script>\r\n```\r\n\r\n## 🚀 Uso via CDN (jsDelivr)\r\n<br>\r\n1. Adicione a referência ao CSS no `<head>` do seu HTML:\r\n\r\n```html\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/whatsapp-floating-widget@latest/widget.css\">\r\n```\r\n\r\n2. Adicione o script antes do fechamento da tag `</body>`, configurando os atributos necessários:\r\n\r\n```html\r\n<!-- Exemplo de uso -->\r\n<script \r\n    src=\"https://cdn.jsdelivr.net/npm/whatsapp-floating-widget@latest/widget.js\" \r\n    data-phone=\"553340420000\" \r\n    data-message=\"Olá! Gostaria de mais informações.\" \r\n    data-position=\"right\">\r\n</script>\r\n```\r\n\r\n## ⚙️ Configuração\r\n\r\nVocê pode configurar o widget usando os seguintes atributos `data-` na tag `<script>`:\r\n\r\n| Atributo | Descrição | Valor Padrão / Exemplo |\r\n|----------|-----------|------------------------|\r\n| `data-phone` | O número do WhatsApp para contato (com código do país). | `553340420000` |\r\n| `data-message` | Mensagem inicial pré-preenchida. | `Olá! Gostaria de saber mais.` |\r\n| `data-position` | Posição do botão na tela (`right` ou `left`). | Padrão: `right` (se não especificado ou qualquer outro valor) |\r\n\r\n## 🤝 Contribuindo\r\n\r\nContribuições são bem-vindas! Se você tiver sugestões ou melhorias:\r\n\r\n1. Faça um Fork do projeto.\r\n2. Crie uma Branch para sua Feature (`git checkout -b feature/SuaFeature`).\r\n3. Faça o Commit das suas mudanças (`git commit -m 'Adiciona funcionalidade X'`).\r\n4. Faça o Push para a Branch (`git push origin feature/SuaFeature`).\r\n5. Abra um Pull Request.\r\n\r\n## 📄 Licença\r\n\r\nCriado por [Gigabaite Tecnologia](https://www.gigabaite.com.br) e distribuído sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.\r\n","readmeFilename":"README.md"}