Skip to main content

Search

Attentive widget

Avatar
Maria Scieranska
  • Updated

Objective

Setting up Attentive widget

Applies To

  • Jumper
  • Web, Attentive widget

With Jumper.ai, you can embed instant messaging widgets anywhere on your website and never miss an opportunity to start a dialogue with your customers.

Unlike other chat widgets out there, Jumper's Attentive widget is laser-focused on e-commerce!

The Attentive chat widget makes your website and apps come to life with interactive elements.

Grab your customers' attention and start a conversation with the right context. Embed a conversation anywhere - on your website, product pages, blog articles, FAQ Pages, and more.

Remove uncertainty from the buying process

Answer questions and address concerns for your shoppers through attentive widgets while they are on your website researching your product or service.

a1.png

Start conversations with your content

Drive deeper engagement with your readers by simply adding a line of chatbox code to your blogs and branded content.

a2.png

Get chatty with visitors on influencer websites

Add conversational commerce to your product placements on influencer blogs so you can quickly and easily engage with shoppers the moment you catch their attention.

a3.png

Improve visibility of new launches and offers

Showcase product videos, share new product drops, and send sales alerts to website visitors through message pops on your store pages.

a4.png

Make support easy to find

Embed a live chat widget for self-service in a visible place on your website so it's easy for shoppers and customers to ask questions. And, you can use chatbots to provide a faster response!

a5.png

Key Features of Jumper.ai Attentive Widget:

Appearance: 

  • Personalization - Customize the Background color, Brand logo, and Chat bubble image to match your brand’s look. 
  • Greeting Message - Use a beautiful greeting to encourage visitors to start chatting.

a6.png

Simple Copy-and-paste installation: 

Add an Attentive Widget to your website with just a couple of clicks.

a7.png

Message Types:

Attentive chat has 3 types of messages: Blog embed, Message pop-ups, and Chatbox which enhance the user experience by blending in with your website, article, or even just a landing page.

a8.png

Blog embed:

a9.png

Message Pop-ups:

b1.png

Chatbox:

b2.png

Conversation Components

The attentive widget supports conversation components such as text, image, video, product checkout, collection flow, and quick replies with button actions like product checkout, collection flow, bot flow, connect to a live agent, and re-direct to the brand website for creating an engaging conversational experience. You can mix and match text and images with interactive elements.

b3.pngb4.png

Trigger events

It gives you the control to include the attentive widget on specific pages of your website or exclude the attentive widget from certain pages of your website.

You can delay the chat widget from showing up on a page after a specific amount of time by using the after-delay feature.

b5.png

One-click management

Show and hide Chat Widget with a single click with the help of activate/de-activate toggle button.

b6.png

Let's get you started on enabling this beautiful experience

Procedure

  1. First, navigate to Sales channels, tap Web, and then click the Attentive widget
    b7.png
  2. Click the Setup buttonb9.png
  3. Now, customize the appearance of the widget to match your brand.
    c1.png
  4. Next, enter the domain where you intend to install the widget (you can change this later if you move it to a different domain)
    c2.png
  5. The last step is to copy and paste the attentive widget code into the <head> section of your HTML
    a1.png
    Once the attentive widget installation is completed on your website, compose a message to show to your visitors when they visit your website page/article.
  6. The attentive widget has 3 types (Blog embed, Message pops, Chatbox)  that enhance the user experience by blending in with your website, article, or even just a landing page

Now, let’s set up a Message by following the below steps:

  1. Click on create new to start composing the message.
    a2.png
  2. Begin by giving your widget a name, by default the platform generates a random name.
    a3.png
  3. Based on the use case, select the type of Attentive widget you'd best like to delight your customers with
    a4.png
  4. Customize the trigger message by combining text and images with interactive elements.
    a5.png
    The following conversation components are available:
    - Text
    a6.png
    - Image
    a7.png
    - Video
    a8.png
    - Product Checkout
    a9.png
    - Collection Flow
    b1.png
    -     Quick Reply with Button actions:
    1. Start a product checkout 
    2. Start a collection flow
    3. Start a bot flow
    4. Start live chat
    5. Open a website

       

      5. Optional: 

      You can set up the specific pages of your website on which you wish to either include or exclude the attentive widget. 
      You can delay the chat widget from showing up on a page after a specific amount of time by selecting the options available under the after-delay feature.

    6. The final step is to save your changes and publish the Attentive chat on your blog or webpage
      • Blog 

      Place the below code inside your blog post wherever you want the magic to begin

      <div id="jumperInContextContainer"></div>

      Click on the publish button to save your changes and launch the Attentive chat on your blog

      • Message pop-up & Chatbox

      Click on the publish button to save your changes and launch the Attentive chat on your webpage

Voila! You are ready and attentive to attend to your customers

You can show or hide the attentive widget with the help of  Activate/De-activate toggle button.

Use cases:

Make your static pages come to life with the help of the Attentive Widget. Support, and enable e-commerce - No coding required

In-context conversations

Engage customers and get their attention when it matters the most. Embed a message in between your content.

  • Blog articles
    Start a conversation with customers when they are reading your articles. Run promotions, ask surveys, drive consideration, sell products, or simply support customers.
  • Product Pages
    Address your customer's concerns right when they are on your product pages or checkout pages.
  • Landing Pages
    Create more interactive micro landing, launch products, run surveys, and convert customers.

Chatbox

Greet customers with tailored messages for different pages on your website.

  • Upsell Products
    Share product videos, styling tips, and new collections get pre-orders and convert visitors into customers.
  • Run Promotions
    Share discounts, surprise offers, gamified rewards, run surveys, and more.
  • Support customers
    Answer customer queries either through automated replies or human agents.

The final step is to save your changes and publish the Attentive chat on your blog or webpage

Related articles

Comments

0 comments

Article is closed for comments.