Product Customization Storefront Attributes
Global-e’s integration relies on selectors to locate pricing elements on your storefront. To ensure correct capture of product and customization prices, please implement the following storefront attributes.
By doing so, you will:
Enable Global-e’s scripts to capture base and customization pricing.
Ensure smooth integration without requiring support from Global-e to adjust selectors.
Retain flexibility to update your storefront without manual intervention from Global-e.
Required Attributes
Attribute | Selector | Description |
|---|---|---|
Product Container | [data-ge-subproducts-container] | Container holding both the product base price and all selected customizations. |
Parent Product Base Price | [data-ge-parentproduct-base-price] | Displays the base (list) price of the product before any customizations are applied. |
Parent Product Total Price | [data-ge-parentproduct-total-price] | Displays the final total price, including the base price and all selected customizations. |
Sub-product Price | [data-ge-subproducts-subsequent-price] | Displays the price of each individual customization or add-on (e.g., name, badge, option). |
Attribute Placement and Notes
Attributes must be present and visible in your storefront’s HTML structure.
Do not hide, transform, or obfuscate these attributes. Doing so will prevent scripts from executing.
Attributes are captured from:
The HTML structure of the page
Objects and attributes (and their values)
Elements with specific IDs
Benefits
Accurate calculation of product and customization prices.
Faster integration and reduced dependency on Global-e support.
Flexibility to modify your storefront design without breaking pricing capture.