React

npm install @mozbot/js @mozbot/react

import { Standard } from '@mozbot/react'

const App = () => {
  return (
    <Standard
      mozbot="lead-generation-copy-3luzm6b"
      style={{ width: '100%', height: '600px' }}
    />
  )
}

import { Popup } from '@mozbot/react'

const App = () => {
  return <Popup mozbot="lead-generation-copy-3luzm6b" autoShowDelay={3000} />
}

import { Bubble } from '@mozbot/react'

const App = () => {
  return (
    <Bubble
      mozbot="lead-generation-copy-3luzm6b"
      previewMessage={{
        message: '¡Tengo una pregunta para ti!',
        autoShowDelay: 5000,
        avatarUrl: 'https://avatars.githubusercontent.com/u/16015833?v=4',
      }}
      theme={{
        button: { backgroundColor: '#0042DA', iconColor: '#FFFFFF' },
        previewMessage: { backgroundColor: '#ffffff', textColor: 'black' },
      }}
    />
  )
}

import { Standard } from '@mozbot/react'

const App = () => {
  return (
    <Standard
      mozbot="lead-generation-copy-3luzm6b"
      style={{ width: '100%', height: '600px' }}
      prefilledVariables={{
        'Current URL': 'https://my-site/account',
        'User name': 'John Doe',
      }}
    />
  )
}