Widget & Forms

Customize your chat widget and create lead capture forms for your website

Appearance

Primary Color

Position

Button Size

Bubble Text

Messages

Header Title

Header Subtitle

Welcome Message

Input Placeholder

Behavior

Collect Email Before Chat

Ask for email before starting conversation

Auto Open

Automatically open chat after delay

Show Branding

Display "Powered by Vista"

Live Preview

Need help?

Installation Code

Add this code before the closing </body> tag on your website

<!-- Vista Chat Widget -->
<script>
  (function(w,d,s,o,f,js,fjs){
    w['VistaWidget']=o;w[o]=w[o]||function(){
    (w[o].q=w[o].q||[]).push(arguments)};
    js=d.createElement(s);fjs=d.getElementsByTagName(s)[0];
    js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
  }(window,document,'script','vista','https://widget.vistaai.com/loader.js'));
  vista('init', {
    dealershipId: 'dlr_austin_premier_auto',
    primaryColor: '#2563EB',
    position: 'bottom-right',
    welcomeMessage: 'Hi there! How can I help you today?',
    headerTitle: 'Chat with us',
    collectEmail: true,
    autoOpen: false
  });
</script>