PHPackages                             agenciafmd/admix-whatsapp - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. agenciafmd/admix-whatsapp

ActiveLibrary[Utility & Helpers](/categories/utility)

agenciafmd/admix-whatsapp
=========================

Whatsapp - Agência F&MD

v8.x-dev(1y ago)02161MITSCSS

Since Dec 9Pushed 1y ago2 watchersCompare

[ Source](https://github.com/agenciafmd/admix-whatsapp)[ Packagist](https://packagist.org/packages/agenciafmd/admix-whatsapp)[ RSS](/packages/agenciafmd-admix-whatsapp/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (2)Versions (2)Used By (0)

F&MD - Whatsapp Chat
------------------------

[](#fmd---whatsapp-chat)

[![Downloads](https://camo.githubusercontent.com/c4ac8c1fa8d0007cf536b30bf3f34f55fe2afda33ced20543019c083d548a92a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6167656e636961666d642f61646d69782d77686174736170702e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/agenciafmd/admix-whatsapp)[![Licença](https://camo.githubusercontent.com/55c0218c8f8009f06ad4ddae837ddd05301481fcf0dff8e0ed9dadda8780713e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d627269676874677265656e2e7376673f7374796c653d666c61742d737175617265)](LICENSE.md)

- Use o chat flutuante do Whatsapp no seu site

Instalação
----------

[](#instalação)

```
composer require agenciafmd/admix-whatsapp:dev-master

```

Não esqueça de publicar os assets no seu projeto com o comando

```
php artisan vendor:publish --tag=admix-whatsapp:assets
```

Dados no frontend
-----------------

[](#dados-no-frontend)

Após publicar os assets, acrescente as chamadas de:

#### CSS

[](#css)

```

```

#### Javascript

[](#javascript)

```

```

#### Componente

[](#componente)

```

```

Customização
------------

[](#customização)

Caso seja necessário, é possivel a configuração do pacote no arquivo `config/admix-whatsapp.php` ou das `views`

Para isso, publique o arquivo com o comando abaixo:

```
php artisan vendor:publish --tag="admix-whatsapp:config"
```

No arquivo de config é possivel alterar os textos da janela e o número de whatsapp.

```
    'fields' => [
      'name' => true,
      'email' => false,
      'cpf' => true,
      'phone' => true,
      'newsletter' => true,
    ],
     'pt_BR' => [
        'phonenumber' => '5599999999999',
        'text' => 'Olá, bem-vindo(a).
                Por favor, informe seus dados e atenderemos o mais rápido possível!',
        'atendent' => 'Atendente 01',
        'occupation' => 'Atendimento - F&MD',
        'generic' => false,
        'generic_name_field' => 'Campo Generico',
        'generic_placeholder_field' => 'Campo Generico',
    ],
    'es_ES' => [
        'phonenumber' => '5599999999999',
        'text' => 'Hola bienvenido.
                ¡Déjanos tus datos y te responderemos lo antes posible!',
        'atendent' => 'Asistente 01',
        'occupation' => 'Asistencia - F&MD',
        'generic' => false,
        'generic_name_field' => 'Campo Generico',
        'generic_placeholder_field' => 'Campo Generico',
    ],
    'en_US' => [
        'phonenumber' => '5599999999999',
        'text' => 'Hello, welcome.
                Please provide your details and we will respond as soon as possible!',
        'atendent' => 'Attendant 01',
        'occupation' => 'Attendance - F&MD',
        'generic' => false,
        'generic_name_field' => 'Campo Generico',
        'generic_placeholder_field' => 'Campo Generico',
    ]
```

Neste arquivo é possivel habilitar e desabilitar os campos conforme for necessário

### Customização de mensagem inicial do whatsapp após o preenchimento do formulário

[](#customização-de-mensagem-inicial-do-whatsapp-após-o-preenchimento-do-formulário)

Caso seja necessário utilizar uma mensagem mais personalizada em determinadas páginas podemos tirar a chamada do componente da master.blade.php e colocar a chamada em cada página do projeto

```

```

E ficará assim "Olá! Meu nome é 'Nome'. \[Mensagem Customizada\]"

A mensagem inicial padrão que vai no whatsapp é "Olá! Meu nome é 'Nome'. Gostaria de obter mais informações."

### Campo genérico para projetos multilingua

[](#campo-genérico-para-projetos-multilingua)

Caso tenha a necessidade de acrescentar um campo no formulário de whatsapp basta habilitar o campo 'generic' na lingua requerida e trocar o nome e placeholder do campo generico nos seguintes campos

```
'es_ES' => [
    ...
    'generic' => false,
    'generic_name_field' => 'Campo Generico',
    'generic_placeholder_field' => 'Campo Generico',
    ],

```

### Customizar variáveis de CSS

[](#customizar-variáveis-de-css)

Os valores das variáveis podem ser sobrescritos normalmente nos arquivos de estilo do projeto.

```
--wa-chat-dark-green: #2B6056;
--wa-chat-green: #128C7E;
--wa-chat-light-green: #25D366;
--wa-chat-light: #DCF8C7;
--wa-chat-white: #F9F9F9;
--wa-chat-red: #DC1C2A;

--wa-chat-font-family: sans-serif;
--wa-chat-width: 24rem;
--wa-chat-box-shadow: 0 0.5rem 1.5rem -0.25rem rgba(0, 0, 0, 0.15);
--wa-chat-border-radius: .5rem;
--wa-chat-z-index: 1055;
--wa-chat-backdrop-color: rgba(0, 0, 0, .75);
--wa-chat-distance-y: 1rem;
--wa-chat-distance-x: 1rem;
--wa-chat-right: var(--wa-chat-distance-x);

--wa-chat-button-size: 3.5rem;
--wa-chat-button-border-radius: 50%;
--wa-chat-button-color: var(--wa-chat-light-green);
--wa-chat-button-icon-size: 1.5rem;

--wa-chat-window-margin-bottom: calc(var(--wa-chat-button-size) + var(--wa-chat-distance-y) + 1rem);

--wa-chat-header-padding: 0.625rem 1.25rem;
--wa-chat-contact-img-size: 2.5rem;
--wa-chat-close-size: 1.75rem;

--wa-chat-body-color: #000;
--wa-chat-body-padding: 1rem 1rem 1.5rem 1rem;
--wa-chat-placeholder-color: #757575;
--wa-chat-placeholder-color-hover: #414141;
--wa-chat-form-btn-border-radius: .25rem;

--wa-chat-error-text-right: auto;
--wa-chat-error-text-left: 0;
--wa-chat-error-text-bottom: 100%;
--wa-chat-error-text-margin: 0 0 0.25rem 0;
--wa-chat-error-text-transform-origin: left;

--wa-chat-left: auto;
--wa-chat-error-text-alt-right: 100%;
--wa-chat-error-text-alt-left: auto;
--wa-chat-error-text-alt-bottom: auto;
--wa-chat-error-text-alt-margin: 0 0.5rem 0 0;
--wa-chat-error-text-alt-transform-origin: right;
```

Para fazer o botão e a janela ficarem do lado esquerdo da tela, sobrescreva as variáveis com os seguintes valores:

```
--wa-chat-left: var(--wa-chat-distance-x);
--wa-chat-error-text-alt-right: var(--wa-chat-error-text-right);
--wa-chat-error-text-alt-left: var(--wa-chat-error-text-left);
--wa-chat-error-text-alt-bottom: var(--wa-chat-error-text-bottom);
--wa-chat-error-text-alt-margin: var(--wa-chat-error-text-margin);
--wa-chat-error-text-alt-transform-origin: var(--wa-chat-error-text-transform-origin);
```

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance42

Moderate activity, may be stable

Popularity12

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity32

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

462d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/7e4d60ba30f409161026fd37c5a106cc32c4e4d29411f805553623cca632dd72?d=identicon)[agenciafmd](/maintainers/agenciafmd)

---

Top Contributors

[![cstamagawa](https://avatars.githubusercontent.com/u/13224452?v=4)](https://github.com/cstamagawa "cstamagawa (23 commits)")

### Embed Badge

![Health badge](/badges/agenciafmd-admix-whatsapp/health.svg)

```
[![Health](https://phpackages.com/badges/agenciafmd-admix-whatsapp/health.svg)](https://phpackages.com/packages/agenciafmd-admix-whatsapp)
```

###  Alternatives

[wireui/wireui

TallStack components

1.8k1.3M16](/packages/wireui-wireui)[livewire/volt

An elegantly crafted functional API for Laravel Livewire.

4195.3M84](/packages/livewire-volt)[ramonrietdijk/livewire-tables

Dynamic tables for models with Laravel Livewire

21147.4k](/packages/ramonrietdijk-livewire-tables)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)