content-commerce

Embed shoppable product cards in blog content and track content-driven revenue with UTM attribution.

3|1|Updated Mar 21, 2026
One-click install
npx skills add https://github.com/tomtoto757/ecomm-ai-team --skill content-commerce-tomtoto757
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: content-commerce
Source: https://github.com/tomtoto757/ecomm-ai-team/tree/main/skills/marketing-growth/finsilabs/marketing-growth/content-commerce
Command: npx skills add https://github.com/tomtoto757/ecomm-ai-team --skill content-commerce-tomtoto757

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Editorial content like blogs, buying guides, and lookbooks often attracts organic traffic but contributes little measurable revenue because products are hard to embed inline and content-driven orders cannot be attributed back to specific articles. ## Core Features & Use Cases - Shoppable Product Embeds: Add inline product cards with live price and inventory to articles on Shopify, WooCommerce, BigCommerce, or headless CMS setups like Sanity and Contentful. - UTM Attribution Tracking: Append utm_source, utm_medium, utm_campaign, and utm_content parameters to product links so GA4 and Shopify Analytics can report revenue per article. - SEO Structured Data: Generate schema.org JSON-LD with Article and ItemList markup so buying guides qualify for rich results and product carousels in Google Search. - Use Case: A retailer's "Best Ergonomic Office Chairs 2026" guide embeds five live product cards, tracks clicks per article and per product, and reports content-driven revenue over the last 90 days via SQL. ## Quick Start Use the content-commerce skill to add shoppable product cards with UTM tracking to my Shopify buying guide article.

Frequently Asked Questions about content-commerce

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I embed shoppable products in a blog post?▼

On WooCommerce, insert Gutenberg product blocks or shortcodes like [product id="123"] inline in the editor. On Shopify, use Shogun or PageFly to drag product cards into pages, or link products natively in blog posts.

How to track revenue from blog content in Google Analytics?▼

Append UTM parameters (utm_source=content, utm_medium=blog, utm_campaign=article-slug) to every product link in articles. Then filter GA4 Traffic Acquisition reports by session source to see orders attributed to content.

Does shoppable content work with headless CMS platforms?▼

Yes, headless setups with Contentful, Sanity, or Prismic require building a custom product embed content type and a React component that fetches live price and inventory from the Storefront API at render time.

Why are product prices in my articles outdated?▼

Prices become stale when hardcoded as static CMS content. Always fetch prices from the storefront API at render time so product embeds reflect current pricing and inventory status automatically.

What schema.org markup do buying guides need for SEO?▼

Use a JSON-LD @graph containing an Article entry with headline and dates, plus an ItemList of ListItem entries wrapping Product types with Offer fields, numeric prices, and schema.org availability URIs.