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.
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
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.
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.