Web Page Shopping Cart Integration via Markup Tags
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing online payment systems often disrupt the user experience by directing shoppers away from the vendor's web page to a different payment processing system, leading to a less-than-professional and less seamless transaction process, which can be challenging for small vendors to implement and manage without extensive programming knowledge.
Innovation Solution
A system that allows web page designers to use markup tags and scripts to integrate shopping cart functionality directly into the vendor's web page, enabling event handling and seamless transaction processing without requiring complex programming, by loading program code that interacts with the page's DOM to manage shopping cart actions and transmit data to a commerce server for payment processing.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a general payment system is used that directs users away from the vendor's web page, then payment processing capability is provided, but user experience and professionalism are degraded
Solution Approach 1:
The patent merges the payment processing functionality with the vendor's existing web page by embedding an iframe that displays the payment interface within the vendor's page context. This allows the payment system and vendor page to coexist in the same browsing context, maintaining user experience while enabling payment processing.
Solution Approach 2:
The patent uses an iframe as an intermediary element that acts as a bridge between the vendor's web page and the payment processing system. The iframe loads the payment interface from the payment system's server while remaining embedded within the vendor's page, thus mediating between the two systems without requiring full integration.
2Adaptability or versatility
If a vendor implements a custom shopping cart page with extensive controls, then functionality is improved, but development time and programming expertise required increase
Solution Approach 1:
The patent enables the payment system to automatically generate and manage the shopping cart interface within the iframe. The payment system's server handles cart creation, item addition, and checkout processing without requiring the vendor to program these functions. The vendor simply provides product information and pricing, and the payment system takes care of the rest.
Solution Approach 2:
The patent implements a universal shopping cart solution that works across different vendor pages and product types. The same iframe-based payment interface and cart management system can handle various products and services without customization, providing versatile functionality while maintaining simplicity for the vendor.
Data Source
AI summary
A computer-implemented method includes accessing, with a user computing device, a web-based document from a first party containing a mark-up code segment pointing to a second party; and loading, using the mark-up code segment, a program for generating a shopping application for the web-based document. The loaded program is used to add to the web-based document event handlers associated with tags indicating items for sale, and a shopping cart containing information about an item for sale is generated upon triggering of one of the event handlers.