PublicarWeb
Webflow
Vá até a aba Compartilhar do seu bot e clique no botão Webflow para ver as instruções de incorporação.
Guias avançados
Disparar um comando ao clicar em um botão
- Vá até a aba
Settingsdo seu botão e defina umIDpara ele. - No elemento
Embeddo seu bot, insira este código dentro da tag<script>existente:
document.getElementById('BUTTON_ID').addEventListener('click', (event) => {
event.preventDefault()
Typebot.open()
})Você pode repetir quantas vezes quiser, se precisar abrir o bot a partir de vários botões.
Deve ficar assim:
<script type="module">
import Typebot from 'https://cdn.jsdelivr.net/npm/@typebot.io/js@0/dist/web.js'
Typebot.initPopup({
typebot: 'my-typebot',
})
document.getElementById('BUTTON_ID_1').addEventListener('click', (event) => {
event.preventDefault()
Typebot.open()
})
document.getElementById('BUTTON_ID_2').addEventListener('click', (event) => {
event.preventDefault()
Typebot.open()
})
</script>Lembre-se de substituir BUTTON_ID_1 e BUTTON_ID_2 pelos IDs que você definiu nos seus botões.
Neste exemplo, abrimos o popup ao clicar nos botões indicados, mas você pode usar qualquer um dos comandos disponíveis.