Landing Page Chat Bot for Click-to-call

Retreaver has released a chat bot you can use on your landing pages, where a visitor is prompted with a series of questions and results in a click-to-call Retreaver number. This is integrated with our existing Retreaver.js library to dynamically insert phone numbers and track call data.

You can see a live demo here: https://retreaver.github.io/landing-page-chat-bot/

Visitors are asked a customizable set of questions:

Answers collected during the chat are **automatically attached **to the dynamic phone number as Retreaver tags, so they arrive with the call:

With this data in Retreaver you then route calls to the best destination, track your leads, and using all of Retreaver’s existing features to maximize your marketing campaigns.

How to use the Chat Bot on your website

Our chat bot was published open source on Github:

https://github.com/retreaver/landing-page-chat-bot

Customizing your page

Our chat bot library allows you to customize:

• Headline, badge, agent name/status, footer, and legal links live in index.html.
• The spots you are expected to edit — the agent name (“Alex is Online.”) and the header text — are marked with the customizable class in index.html;
• Avatars are simple SVGs in assets/img/ — swap agent.png and profile.png for your own images.
• The favicon (browser tab icon) is the tag at the top of index.html, currently pointing at the agent avatar — point it at your own SVG, PNG or ICO file.
• The chat bot itself is styled entirely in styles.css through a handful of .chat-* selectors — edit that file to restyle your bot with plain CSS.

Everything is fully customizable with javascript:

function chatBot(step, value) {
    if (step == 'intro') {
        ChatBot.moveAgentToStep('firstQuestion');
    } else if (step == 'firstQuestion') {
        ChatBot.setTag('age_range', value);   // attach the answer to the call
        ChatBot.moveAgentToStep('secondQuestion');
    }
    // ...
}

See the README guide on Github for more information or reach out to our support for more information.