Engage Opportunities

Engage Opportunities

Engage opportunities using real time interactions, while focusing on relevant and contextual information.

Engage opportunities using interactions

An interaction consits of set parameters, a module and display options.


Interaction modules

The scope of an interaction, is bundled into a module consisting of pre-packaged information, a subject, body, forms inputs and buttons.

Features:

  • Subject

    The subject of an interaction.
    Accepts: Text

  • Body

    The body of an interaction.
    Accepts: Html, images, embed videos…

  • Form inputs

    Collect, filter, validate and verify information while interacting.
    Accepts: Text, email, tel, textarea, select, checkbox, radio, hidden…

    Any information collected using form inputs becomes available to any modules within the same sequence.

  • Buttons

    Each module provides two buttons: Submit and Dismiss

    Each button can be customized and connected to other modules.

  • Response

    Each module can have a specific response per button.

API docs Console

Display options

Displaying an interaction while maintaining focus on an opportunity, can be accomplished inline using json data.

  • Display

    Interactions can be displayed and point to a certain element, embed inside an element and fixed.

  • Placement

    In addition to display, placement options such as top, right, bottom, left, upper, lower, centered can be used independently or in conjunction with start and end.

  • Size

    Each interaction can be size to as needed.
    Accepts: xs, sm, md, lg and xl

  • Offset

    In some cases interactions may shift! Customize the offset to overcome such a discrepancy.
    Accepts: xs, sm, md, lg and xl

  • Class addons

    This feature will force interactions to use custom class names, while preventing default class names from loading

  • Themes and backgrounds

    Change the look and feel of interactions using themes and backgrounds.
    Default themes: white, white-translucent, dark, dark-translucent

API docs

Parameters

Identifying and transmitting the parameters of an interaction.

Using the parameters, we can trigger and display a specific module while displaying contextual information.

  • Trigger trigger

    Load a specific module using a module ID

  • Contextual data rel

    We can render any information into the subject, body and form inputs.

  • Events and tags etag

    An etag is the combination of a browser event and a keyword tag.

API docs

Trigger buttons

In addition to default functionality, trigger buttons can extend an interaction into a sequence of continuous interactions, by simply creating a connection between buttons and other modules.


What’s next

While interacting, in order to move forward users will have to click on one of the two trigger buttons. The results of such engagement will lead interactions in two different directions resulting in multiple possible outcomes, where the outcome of one interaction triggers another, until goals and objectives are achieved.