Dynamic Yield
A Shopify Hydrogen demo store showcasing Dynamic Yield API integration for personalized e-commerce experiences.
Overview
This project is a Hydrogen-based demo store that demonstrates how to integrate Dynamic Yield's personalization APIs into a Shopify custom storefront. It provides practical examples of implementing personalized content, pageview tracking, and campaign management to enhance customer experiences.
Key Features
- Dynamic Yield API Integration — Seamlessly connects with Dynamic Yield's APIs for personalization and analytics.
- Pageview Tracking — Automatically tracks pageviews and user interactions for data collection.
- Campaign Management — Fetches and displays personalized campaigns (e.g., homepage hero banners) based on user context.
- Context-Aware Personalization — Sets page-specific contexts (homepage, product, category) for targeted content delivery.
- Helper Functions — Includes reusable utilities for API calls and data handling to simplify integration.
Philosophy
The demo emphasizes modular, maintainable integration patterns that align with Hydrogen's component-based architecture, making it easy for developers to adapt and extend personalization features.
Related Projects
SanityA starter for Hydrogen + Sanity projects
AlgoliaShopify hydrogen demo store using Algolia search & browse
OkendoDemo store for the Okendo Hydrogen components.
NostoThis project demonstrates how to integrate Nosto's personalization capabilities into a Shopify Hydrogen storefront deployed with Oxygen. It showcases an alternative approach to cart tracking and session management that doesn't rely on Nosto's pixel implementation. ## Key Features - **Cart Token Tracking** — Uses React's `useEffect` to monitor cart additions and capture cart tokens for personalization - **Session ID Integration** — Links cart tokens to customer session IDs stored in browser cookies - **Buy Now Support** — Ensures cart token updates before checkout redirection for direct purchase flows - **Market Compatibility** — Supports multi-market setups with shop ID formatting for different locales ## Philosophy The demo emphasizes a clean, pixel-free integration approach that maintains Nosto's personalization capabilities while giving developers more control over the tracking implementation within modern React-based storefronts.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.