# Web - [Integration Guide for Web](https://docs.firework.com/firework-for-developers/web/integration-guide.md) - [Components](https://docs.firework.com/firework-for-developers/web/integration-guide/components.md) - [Hero Unit](https://docs.firework.com/firework-for-developers/web/integration-guide/components/hero-unit.md): Component suitable for Livestream events. - [Carousel / Grid](https://docs.firework.com/firework-for-developers/web/integration-guide/components/carousel-grid.md) - [Storyblock (Web)](https://docs.firework.com/firework-for-developers/web/integration-guide/components/storyblock.md) - [Floating Player](https://docs.firework.com/firework-for-developers/web/integration-guide/components/channel-button.md) - [Storylink](https://docs.firework.com/firework-for-developers/web/integration-guide/components/storylink.md) - [Styling](https://docs.firework.com/firework-for-developers/web/integration-guide/styling.md) - [Feed Attributes](https://docs.firework.com/firework-for-developers/web/integration-guide/feed-attributes.md) - [Player](https://docs.firework.com/firework-for-developers/web/integration-guide/player.md) - [Configuration](https://docs.firework.com/firework-for-developers/web/integration-guide/player/player-attributes.md) - [Appearance](https://docs.firework.com/firework-for-developers/web/integration-guide/player/player-attributes/appearance-configuration.md): Firework video player allows limited appearance configuration. - [Video customization](https://docs.firework.com/firework-for-developers/web/integration-guide/video-customization.md): Firework widget allows customizing content properties on the fly - hydrating - to provide new caption, source, CTA button or set of products. - [Video Factory](https://docs.firework.com/firework-for-developers/web/integration-guide/video-customization/video-factory.md) - [CTA Button](https://docs.firework.com/firework-for-developers/web/integration-guide/video-customization/cta-button-configuration.md) - [Product cards](https://docs.firework.com/firework-for-developers/web/integration-guide/video-customization/cta-button-configuration-1.md) - [Events](https://docs.firework.com/firework-for-developers/web/integration-guide/events.md) - [Embed Feed and Storyblock Events](https://docs.firework.com/firework-for-developers/web/integration-guide/events/embed-feed-and-storyblock-events.md) - [Video player events](https://docs.firework.com/firework-for-developers/web/integration-guide/events/video-player-events.md) - [Live stream events](https://docs.firework.com/firework-for-developers/web/integration-guide/events/live-stream-events.md) - [Shopping events](https://docs.firework.com/firework-for-developers/web/integration-guide/events/shopping-events.md) - [Interaction events](https://docs.firework.com/firework-for-developers/web/integration-guide/events/interaction-events.md) - [Shopping Integration (V2)](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2.md) - [Introduction](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/introduction.md) - [Shopping APIs](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/shopping-apis.md) - [Product Hydration](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/product-hydration.md) - [Product Factory](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/product-factory.md) - [Cart Sync](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/cart-sync.md) - [Tracking](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/tracking.md) - [Purchase](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/tracking/purchase.md) - [Add to cart](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/tracking/add-to-cart.md) - [Remove from cart](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/tracking/remove-from-cart.md) - [Page viewed](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/tracking/page-viewed.md) - [Shopping Integration FAQ](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/shopping-integration-faq.md) - [Migrate from V1](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/migrate-from-v1.md) - [Web SDK](https://docs.firework.com/firework-for-developers/web/integration-guide/web-sdk.md): Firework provides programmatic access to certain features via its Web SDK available on \`window.\_fwn\` - [Enhanced Picture-in-Picture](https://docs.firework.com/firework-for-developers/web/integration-guide/enhanced-picture-in-picture.md) - [Privacy settings](https://docs.firework.com/firework-for-developers/web/integration-guide/privacy-settings.md) - [Tracking settings](https://docs.firework.com/firework-for-developers/web/integration-guide/privacy-settings/privacy-settings.md): This document provides an overview and usage guidelines for the privacy settings API. The API allows users to set their consent preferences to control the collection and tracking of their personal inf - [Cookies management](https://docs.firework.com/firework-for-developers/web/integration-guide/privacy-settings/cookies-management.md): This page provides an overview and usage guidelines for the privacy API related to cookies consent management - more specifically cookies, local and session storages consent and access. - [Content Security Policy](https://docs.firework.com/firework-for-developers/web/integration-guide/privacy-settings/content-security-policy.md): There might be some case you need to add content security policy(CSP) in your website's header. Here are the list of domains firework is using. - [Telemetry console](https://docs.firework.com/firework-for-developers/web/telemetry-console.md) - [Commerce Platform Integration](https://docs.firework.com/firework-for-developers/web/tutorials.md) - [Shopify](https://docs.firework.com/firework-for-developers/web/tutorials/shopify.md) - [Magento](https://docs.firework.com/firework-for-developers/web/tutorials/magento.md) - [Wordpress (WooCommerce)](https://docs.firework.com/firework-for-developers/web/tutorials/wordpress-woocommerce.md) - [Salesforce Commerce Cloud](https://docs.firework.com/firework-for-developers/web/tutorials/salesforce-commerce-cloud.md): The document walks you through the step by step process of setting up the Firework SFCC Cartridge within your Salesforce Commerce Cloud backend. - [BigCommerce](https://docs.firework.com/firework-for-developers/web/tutorials/bigcommerce.md) - [Firework Service Domains](https://docs.firework.com/firework-for-developers/web/firework-service-domains.md) - [FAQ & Troubleshooting](https://docs.firework.com/firework-for-developers/web/faq-and-troubleshooting.md) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.firework.com/firework-for-developers/web.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.