System and method for interactive application preview
An interactive demonstration application can be used to test and experience the use of overlay elements (e.g., application add-ons, such as an interactive chat overlay) on a graphical interface (e.g., of a website or a computer application) before fully integrating the overlay elements into the graphical interface. The interactive demonstration application can also be used to demonstrate and update the live settings of a live overlay element used on a live webpage.
1. A computer-implemented method, comprising:
initiating, at a computing device, a native demonstration application;
identifying, at the computing device, a live website associated with one or more graphical interfaces that include a live overlay element that includes a live appearance or a live functionality;
loading, via the native demonstration application, the one or more graphical interfaces of the live website;
loading, via the native demonstration application, an interactive demonstration screen that presents a demonstration overlay element on the one or more graphical interfaces of the live website, wherein the demonstration overlay element includes a demonstration appearance that corresponds to a live appearance or a demonstration functionality that corresponds to a live functionality on the one or more graphical interfaces of the live website;
receiving, at the native demonstration application, input corresponding to a selection of the demonstration overlay element;
changing, based on the input, the demonstration appearance or the demonstration functionality of the demonstration overlay element on the one or more graphical interfaces of the live website; and
transmitting the change, wherein when the change to the live website is received at the live website, the change to the demonstration appearance or the demonstration functionality of the demonstration overlay element is incorporated into the corresponding live appearance or live functionality associated with the live overlay element associated with the one or more graphical interfaces.
2. The computer-implemented method of claim 1 , wherein the live overlay element is an interactive chat window.
3. The computer-implemented method of claim 1 , further comprising:
presenting one or more configurable settings associated with the demonstration overlay element; and
automatically updating the live overlay element based on the one or more configurable settings, wherein automatically updating the live overlay element includes changing the live appearance when the demonstration appearance changes or changing the live functionality when the demonstration functionality changes.
4. The computer-implemented method of claim 1 , wherein the live website is usable by one or more mobile devices.
5. The computer-implemented method of claim 1 , wherein the live overlay element is configured to facilitate a communication session.
6. The computer-implemented method of claim 1 , wherein partially obscuring the graphical interface includes blurring or fading the graphical interface of the live website.
7. The computer-implemented method of claim 1 , further comprising:
receiving input corresponding to an action, wherein the action facilitates a display of one or more functions.
8. A system, comprising:
one or more data processors; and
a non-transitory computer-readable storage medium containing instructions which when executed on the one or more data processors, cause the one or more processors to perform operations including:
initiating, at a computing device, a native demonstration application;
identifying, at the computing device, a live website associated with one or more graphical interfaces that include a live overlay element that includes a live appearance or a live functionality;
loading, via the native demonstration application, the one or more graphical interfaces of the live website;
loading, via the native demonstration application, an interactive demonstration screen that presents a demonstration overlay element on the one or more graphical interfaces of the live website, wherein the demonstration overlay element includes a demonstration appearance that corresponds to a live appearance or a demonstration functionality that corresponds to a live functionality on the one or more graphical interfaces of the live website;
receiving, at the native demonstration application, input corresponding to a selection of the demonstration overlay element;
changing, based on the input, the demonstration appearance or the demonstration functionality of the demonstration overlay element on the one or more graphical interfaces of the live web site; and
transmitting the change to the live web site, wherein when the change is received at the live website, the change to the demonstration appearance or the demonstration functionality of the demonstration overlay element is incorporated into the corresponding live appearance or live functionality associated with the live overlay element associated with the one or more graphical interfaces.
9. The system of claim 8 , wherein the live overlay element is an interactive chat window.
10. The system of claim 8 , wherein the instructions further cause the one or more processors to perform operations including:
presenting one or more configurable settings associated with the demonstration overlay element; and
automatically updating the live overlay element based on the one or more configurable settings, wherein automatically updating the live overlay element includes changing the live appearance when the demonstration appearance changes or changing the live functionality when the demonstration functionality changes.
11. The system of claim 8 , wherein the live website is usable by one or more mobile devices.
12. The system of claim 8 , wherein the live overlay element is configured to facilitate a communication session.
13. The system of claim 8 , wherein partially obscuring the graphical interface includes blurring or fading the graphical interface of the live website.
14. The system of claim 8 , further comprising:
receiving input corresponding to an action, wherein the action facilitates a display of one or more functions.
15. A computer-program product tangibly embodied in a non-transitory machine-readable storage medium, including instructions configured to cause a data processing apparatus to:
initiate, at a computing device, a native demonstration application;
identify, at the computing device, a live website associated with one or more graphical interfaces that include a live overlay element that includes a live appearance or a live functionality;
load, via the native demonstration application, the one or more graphical interfaces of the live website;
load, via the native demonstration application, an interactive demonstration screen that presents a demonstration overlay element on the one or more graphical interfaces of the live website, wherein the demonstration overlay element includes a demonstration appearance that corresponds to a live appearance or a demonstration functionality that corresponds to a live functionality on the one or more graphical interfaces of the live website;
receive, at the native demonstration application, input corresponding to a selection of the demonstration overlay element;
change, based on the input, the demonstration appearance or the demonstration functionality of the demonstration overlay element on the one or more graphical interfaces of the live website; and
transmit the change to the live web site, wherein when the change is received at the live website, the change to the demonstration appearance or the demonstration functionality of the demonstration overlay element is incorporated into the corresponding live appearance or live functionality associated with the live overlay element associated with the one or more graphical interfaces.
16. The computer-program product of claim 15 , wherein the live overlay element is an interactive chat window.
17. The computer-program product of claim 15 , wherein the instructions are further configured to cause the data processing apparatus to:
present one or more configurable settings associated with the demonstration overlay element; and
automatically update the live overlay element based on the one or more configurable settings, wherein automatically updating the live overlay element includes changing the live appearance when the demonstration appearance changes or changing the live functionality when the demonstration functionality changes.
18. The computer-program product of claim 15 , wherein the live website is usable by one or more mobile devices.
19. The computer-program product of claim 15 , wherein the live overlay element is configured to facilitate a communication session.
20. The computer-program product of claim 15 , wherein partially obscuring the graphical interface includes blurring or fading the graphical interface of the live website.
21. The computer-program product of claim 15 , wherein the instructions are further configured to cause the data processing apparatus to:
receive input corresponding to an action, wherein the action facilitates a display of one or more functions.