HTML Como ter o botão flutuante do Discord em seu site

Você vai entrar nesse site: https://widgetbot.io/

depois disso você vai clicar em INVITE

ele vai te redirecionar para seu discord, ai você adiciona em seu servidor do discord!

Você vai no seu discord, e vai clicar em aparência conforme abaixo!

Feito isso você vai ativar o modo Desenvolvedor

Agora vá nas configurações seu servidor e clique em Widget

feito isso copie seu id do servidor e salve em algum lugar para pegar depois!

Agora selecione algum canal e clique com o botão direito e pegue o ID do Canal (channel)

Salve o id do channel em algum lugar para usarmos depois!

Com o id selecionado, vá no seu site, seja ele html ou não, antes de fechar a tag </body>

Coloque o seguinte script

<script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async>
  const crate = new Crate({
    server: 'ID DO SEU SERVIDOR',
    channel: 'ID DO CANAL',
    location: ['bottom', 'left'],
    notifications: false,
    indicator: true
  })

  //crate.notify('Seja muito bem-vindo ao nosso Discord')
  //crate.on('signIn', data => {
  //console.log(`Convidado assinado como ${data.name}`)
  //crate.emit('sendMessage', 'Olá Pessoas')
  //})
</script>

Salve o arquivo e seja feliz.