Systems, methods, and computer-readable media for a customizable redemption header for merchant offers across browser instances
Systems, computer-implemented methods, and computer-readable media for a customizable redemption header for merchant offers, such as online coupons, across browser instances are provided. In some embodiments, a user may open a merchant website in a first browser instance executing on a user device. An offers website may provide offers, such as online coupons, in a second browser instance executing on a user device. When a user selects an offer, an offer identifier may be stored in a browser-accessible storage device. The modification to the browser-accessible storage may be detected and a customizable redemption header having an offer redemption identifier, e.g., a coupon code, and instructions may be provided on the merchant webpage in response to the detection. Additionally, the customizable redemption header may provide user feedback requests upon submission of the coupon code.
1. A computer-implemented method, comprising:
providing a webpage element of a merchant webpage in a first browser instance, the merchant webpage being configured to repeatedly check for a modification to a browser-accessible storage item;
providing an offers webpage in a second browser instance, the offers webpage being obtained from a different domain from the merchant webpage, wherein:
the offers webpage is configured to modify the browser-accessible storage item in response to a user selection of an offer displayed by the offers webpage, and
the browser-accessible storage is local storage of a computing device executing the first browser instance and the second browser instance concurrently;
detecting, by the merchant webpage executed by the first browser instance, that the offers webpage executed by the second browser instance has modified the browser-accessible storage item, the modification based on a user selection of an offer from an offers webpage provided in the second browser instance, the offer associated with a selected offer redemption identifier and a selected merchant;
reading an offer identifier associated with the selected offer from the browser-accessible storage item;
determining that a merchant associated with the selected offer identifier matches a merchant associated with the merchant website; and
in response to the determination, inserting, by one or more processors, a redemption bar in the webpage element of the merchant webpage, the redemption bar including the selected offer redemption identifier associated with the selected offer, the redemption bar being displayed concurrent with the merchant webpage in the first browser instance.
2. The computer-implemented method of claim 1 , wherein the offers webpage comprises a plurality of offers associated with a respective plurality of merchants and a respective plurality of offer redemption identifiers.
3. The computer-implemented method of claim 1 , wherein inserting the redemption bar into the merchant webpage comprises inserting a script executable by the first browser instance in the merchant webpage, the script being configured to insert the redemption header in a document object model (DOM) of the merchant webpage.
4. The computer-implemented method of claim 1 , wherein the webpage element comprises an inline frame.
5. The computer-implemented method of claim 1 , wherein inserting the redemption bar in the merchant webpage is performed asynchronously relative to a loading of the merchant webpage in the browser.
6. The computer-implemented method of claim 1 , wherein the browser-accessible storage item comprises a cookie.
7. The computer-implemented method of claim 1 , wherein the redemption bar comprises a redemption header that comprises an image, text, or a combination thereof.
8. The computer-implemented method of claim 1 , wherein the offer comprises an online coupon, a discount, a rebate, or a combination thereof.
9. The computer-implemented method of claim 1 , wherein the offer redemption identifier comprises a coupon code, a discount description, a rebate instruction, or a combination thereof.
10. The computer-implemented method of claim 1 , wherein the selected offer comprises an online coupon and the offer redemption identifier comprises a coupon code.
11. The computer-implemented method of claim 1 , comprising receiving, at one or more processors, a request to submit the offer redemption identifier for redemption and transmitting the request over a network, to a server associated with an affiliate or the merchant.
12. The computer-implemented method of claim 1 , wherein inserting the redemption bar comprises retrieving an attribute and a respective value for customizing the redemption bar.
13. The computer-implemented method of claim 12 , wherein the attribute comprises a background color, a text color, a text size, or a font.
14. The computer-implemented method of claim 1 , comprising:
providing in the second browser instance executing on a user device, by one or more processors, the offers webpage from the offers engine; and
receiving, by one or more processors, the user selection of the offer, the selected offer being associated with the offer redemption identifier and the selected merchant.
15. The computer-implemented method of claim 1 , wherein:
the browser-accessible storage item is a cookie that the offers webpage modifies to include an identifier of the selected offer;
the merchant webpage is configured to periodically check for modifications to the cookie made by the offers webpage;
the webpage element is an iframe in a document object model of the merchant webpage having JavaScript configured to detect modifications to the cookie; and
the redemption bar is inserted asynchronously relative to the merchant webpage.
16. The computer-implemented method of claim 1 , comprising:
detecting, with code associated with the redemption bar, an input field of the merchant webpage;
automatically populating, with code associated with the redemption bar, the input field with the offer redemption identifier.
17. The computer-implemented method of claim 1 , wherein:
the redemption bar is formed based on cross-domain communication of the user selection of the offer.
18. The computer-implemented method of claim 1 , wherein:
the cross-domain communication of the user selection is passed via a cookie written by the offers webpage to an iframe in the merchant webpage.
19. The computer-implemented method of claim 1 , wherein:
the browser-accessible storage item is a SQLite database.
20. The computer-implemented method of claim 1 , wherein:
the browser-accessible storage item is a localStorage object.
21. A non-transitory computer-readable medium having executable computer code stored thereon, the executable computer code comprising instructions that, when executed, cause one or more processors to perform the following:
providing a webpage element of a merchant webpage in a first browser instance, the merchant webpage being configured to repeatedly check for a modification to a browser-accessible storage item;
providing an offers webpage in a second browser instance, the offers webpage being obtained from a different domain from the merchant webpage, wherein:
the offers webpage is configured to modify the browser-accessible storage item in response to a user selection of an offer displayed by the offers webpage, and
the browser-accessible storage is local storage of a computing device executing the first browser instance and the second browser instance concurrently;
detecting, by the merchant webpage executed by the first browser instance, that the offers webpage executed by the second browser instance has modified the browser-accessible storage item, the modification based on a user selection of an offer from an offers webpage provided in the second browser instance, the offer associated with a selected offer redemption identifier and a selected merchant;
reading an offer identifier associated with the selected offer from the browser-accessible storage item;
determining that a merchant associated with the selected offer identifier matches a merchant associated with the merchant website; and
in response to the determination, inserting, by one or more processors, a redemption bar in the webpage element of the merchant webpage, the redemption bar including the selected offer redemption identifier associated with the selected offer, the redemption bar being displayed concurrent with the merchant webpage in the first browser instance.