One illustrative method disclosed herein includes receiving a request associated with a website from a first client device. The method can include providing program code for a first chat interface to the first client device in response to the request. The program code can cause the first chat interface to be integrated with the website within a website browser and enable a user to selectively include at least two images from the website into a chat message. The method can include establishing a chat session between the first client device and a second client device. The method can include receiving the chat message from the first client device, the chat message including the at least two images from the website. The method can include transmitting the chat message to the second client device.
Legal claims defining the scope of protection, as filed with the USPTO.
1. A method comprising: receiving, by a server, a request associated with a website from a first client device; providing, by the server, program code for a first chat interface to the first client device in response to the request, wherein the program code is configured to cause the first chat interface to be integrated with the website within a website browser and to enable a user to selectively include at least two images from the website into a chat message, and wherein the first chat interface is configured to receive a user customization as to how to display the at least two images within the chat message and incorporate metadata into the chat message based on the user customization, the metadata being configured to cause the at least two images to be displayed in accordance with the user customization in a second chat interface; establishing, by the server, a chat session between the first client device and a second client device that comprises the second chat interface; receiving, by the server, the chat message from the first client device, the chat message including the at least two images from the website and the metadata; and transmitting, by the server, the chat message to the second client device.
2. The method of claim 1 , wherein the request is configured to retrieve website code for the website from the server, and wherein the server is configured to provide the website code back to the first client device in response to the request, the website code including the program code for the first chat interface.
3. The method of claim 2 , wherein the request is a hypertext transfer protocol (HTTP) request or a socket-connection request.
4. The method of claim 1 , wherein the first client device is a first chat client and the second client device is a second chat client.
5. The method of claim 1 , wherein the chat message further includes hidden metadata about a product shown in an image among the at least two images, the hidden metadata comprising a size, color, availability, or price of the product in the image.
6. The method of claim 1 , wherein the user customization comprises a particular spatial configuration of the at least two images relative to one another, and wherein the metadata is configured to cause the at least two images to be positioned relative to one another in the particular spatial configuration at the second chat interface.
7. The method of claim 6 , wherein the program code for the first chat interface is configured to enable the user to input the particular spatial configuration of the at least two images by dragging-and-dropping the at least two images within a designated area of the first chat interface.
8. The method of claim 6 , wherein the particular spatial configuration includes a first image overlaying a second image, and wherein the first image and second image depict consumer products.
9. The method of claim 1 , further comprising: providing, by the server, second program code for the second chat interface to the second client device, wherein the second program code is configured to cause the second chat interface to receive the chat message and display the at least two images in a predetermined configuration within a chat window based on the metadata in the chat message.
10. The method of claim 9 , wherein the second program code for the second chat interface is configured to cause the second chat interface to: reorganize the at least two images into an image carousel within a chat window in response to a user interaction with the at least two images.
11. The method of claim 9 , wherein the second program code for the second chat interface is configured to cause the second chat interface to: detect a user interaction associated with an image among the at least two images in the chat message; and in response to detecting the user interaction, transmit information describing the user interaction back to the first client device.
12. The method of claim 11 , wherein the user interaction involves expanding a size of the image, contracting the size of the image, playing a video associated with the image, manipulating an image carousel, adding a product shown in the image to a wish list, or adding the product shown in the image to a shopping cart.
13. The method of claim 9 , wherein the second program code for the second chat interface is configured to cause the second chat interface to: determine that a website browser is to be navigated to a particular webpage; and in response to determining that the website browser is to be navigated to the particular webpage, transmit another chat message that includes an identifier of the particular webpage back to the first client device.
14. A system comprising: a processing device; and a memory device that includes instructions executable by the processing device for causing the processing device to: receive a request associated with a website from a first client device; provide program code for a first chat interface to the first client device in response to the request, wherein the program code is configured to cause the first chat interface to be integrated with the website within a website browser and to enable a user to selectively include at least two images from the website into a chat message, and wherein the first chat interface is configured to receive a user customization as to how to display the at least two images within the chat message and incorporate metadata into the chat message based on the user customization, the metadata being configured to cause the at least two images to be displayed in accordance with the user customization in a second chat interface; establish a chat session between the first client device and a second client device that comprises the second chat interface; receive the chat message from the first client device, the chat message including the at least two images from the website and the metadata; and transmit the chat message to the second client device.
15. The system of claim 14 , wherein the chat message further includes hidden metadata about a product shown in an image among the at least two images.
16. The system of claim 14 , wherein the user customization comprises a particular spatial configuration of the at least two images relative to one another, and wherein the program code for the first chat interface is configured to enable the user to spatially position the at least two images in the particular spatial configuration by dragging-and-dropping the at least two images within the first chat interface.
17. The system of claim 14 , wherein the memory device further includes instructions that are executable by the processing device for causing the processing device to: provide second program code for the second chat interface to the second client device, wherein the second program code is configured to cause the second chat interface to receive the chat message and display the at least two images in a predetermined configuration within a chat window based on the metadata in the chat message.
18. The system of claim 17 , wherein the second program code for the second chat interface is configured to cause the second chat interface to: reorganize the at least two images into an image carousel within a chat window in response to a user interaction with the at least two images.
19. The system of claim 17 , wherein the second program code for the second chat interface is configured to cause the second chat interface to: detect a user interaction associated with an image among the at least two images in the chat message; and in response to detecting the user interaction, transmit information describing the user interaction back to the first client device.
20. The system of claim 17 , wherein the second program code for the second chat interface is configured to cause the second chat interface to: determine that a website browser is to be navigated to a particular webpage; and in response to determining that the website browser is to be navigated to the particular webpage, transmit another chat message that includes an identifier of the particular webpage back to the first client device.
21. A non-transitory computer-readable medium comprising instructions that are executable by a processing device for causing the processing device to: generate a chat interface that is integrated with a website within a website browser; subsequent to generating the chat interface, detect user interactions with at least two images on the website; in response to detecting the user interactions, generate a chat message that includes the at least two images within the chat interface; receive a user customization as to how to display the at least two images within the chat message; incorporate metadata into the chat message based on the user customization, the metadata being configured to cause the at least two images to be displayed in accordance with the user customization in another chat interface of a remote client device; and transmit the chat message to the remote client device using the chat interface.
22. The non-transitory computer-readable medium of claim 21 , wherein the user interactions comprise a user selecting the at least two images on the website, the user customization comprises a particular spatial configuration of the at least two images relative to one another, and the metadata indicates that the at least two images are to have the particular spatial configuration relative to one another.
Cooperative Patent Classification codes for this invention. Click any code to explore related patents in that topic.
July 9, 2018
September 3, 2019
Browse 5M+ US patents with plain-English claim translations and AI-generated analysis.