> For the complete documentation index, see [llms.txt](https://docs.firework.com/firework-for-developers/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.firework.com/firework-for-developers/web.md).

# 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)
- [Player Deck / Grid](https://docs.firework.com/firework-for-developers/web/integration-guide/components/player-deck-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)