Obsidian-glass fragrance bottle framed by a golden halo
First-three-second hookA gold halo makes the bottle memorable
Same-product card
All platform guides

Douyin Ecommerce · Content feed to product card

Make the product native to content

The first Douyin ecommerce frame often lives inside content. The cover earns attention, the scene builds interest, and the product card and benefit frames carry purchase evaluation.

Generator coming soonExplore priority scenes

01 / Content principles

A product in the content feed should not feel like an inserted shelf poster

Start with a real person and usage moment, then carry the same product into the product card. Keep cover information minimal, make the first seconds clear, and preserve identity across frames.

  • Clear in three secondsKeep only person, product, and one content hook on the cover.
  • Native content contextAvoid hard-sell staging; let pickup, spray, and scent-discovery actions feel natural.
  • Content-to-card continuityPreserve the same appearance across cover, video, and product card.

02 / Content chapters

Connect attention, interest, understanding, and click in four frames

The frame order mirrors the real path from content feed to product page.

  1. Obsidian-glass fragrance bottle framed by a golden halo
    CHAPTER 01

    Short-video cover

    Earn the pause

    Use the obsidian-glass bottle and a gold halo as a strong visual hook, reserving a safe zone for one vertical-video title.

    Open the Short-video cover guide
  2. Obsidian-glass fragrance bottle framed by a golden halo
    CHAPTER 02

    Use-in-action frame

    Place the product naturally in content

    Capture pickup, spray, and scent-discovery actions while keeping the deep-black glass and metal details consistent across shots.

    Open the Use-in-action frame guide
  3. Macro detail of the fragrance bottle's dark glass and metallic edges
    CHAPTER 03

    Narrated-detail support

    Turn narration into visible proof

    When narration discusses glass and metal craft, support it with cap, shoulder, and rim-light close-ups without inventing scent notes or longevity.

    Open the Narrated-detail support guide
  4. Front-facing product-card hero of the obsidian-glass fragrance bottle
    CHAPTER 04

    Product-card hero

    Move from interest to evaluation

    Carry the same black fragrance bottle into a more standard front view so shoppers know the card contains the same product.

    Open the Product-card hero guide

03 / Edit-ready strip

Complete product evidence after the content hook

  • Bottle-material close-upSupport narrated detail
  • Standard product viewReturn to accurate product information
  • Transition anglesEnrich video transitions
  • Unboxing contentsShow the arrival experience

04 / Execution

Design the content action before connecting the same-product card

  1. 01

    Define hook and human action

    Decide why viewers pause, then how the product appears naturally.

  2. 02

    Connect cover, action, and card

    Preserve one product appearance and visual cue across all three.

  3. 03

    Review vertical safe areas

    Ensure person, product, and copy are not covered by interface controls.

FAQ

Douyin Ecommerce visual questions

Douyin Ecommerce

Make content inspire naturally—and product information hold up to scrutiny

Browse other platform guides