D Drop-in Sections
订阅更新
返回解决方案

美妆护肤方案

买美妆的人靠信任和证据下单。他们想知道瓶子里是什么、怎么用、对像自己一样的人有没有效果。这套方案按顺序把说服链搭起来：从成分，到用法，到看得见的效果和真实评价墙。

问题
用户想知道成分是什么、怎么用、到底有没有效果。
适合
美妆、护肤、个护品牌
模块数
6 个可复制模块
  1. dropin-pdp-ingredients.liquid

    PDP Ingredients

    Highlights key actives and what they do — the first thing an informed shopper checks.

    成分表：活性成分卡（浓度 + 作用）+ 全成分原生 details 折叠，美妆个护标配。

    PDP Ingredients
  2. dropin-pdp-how-to-use.liquid

    PDP How to Use

    A simple routine removes the “how do I even use this?” friction.

    使用步骤图卡：步骤图 + 编号 + 用量/时长提示行，降低首次使用门槛。

    PDP How to Use
  3. dropin-before-after.liquid

    Before / After

    Visible before/after results are the most persuasive proof in beauty.

    前后对比滑块：拖动手柄擦除对比两张图片，支持触摸与键盘（原生 range 输入），可设初始位置与角标文案。

    Before / After
  4. dropin-pdp-rating-summary.liquid

    PDP Rating Summary

    A confident average rating anchors trust before the reviews are read.

    评分汇总：大分数 + 星级分布条 + 维度小分条（舒适度/尺码准确等），进入视口时动画填充。

    PDP Rating Summary
  5. dropin-pdp-reviews.liquid

    PDP Review Cards

    Detailed reviews from real skin types and concerns close the sale.

    精选评论卡网格：星级 + 标题 + 正文 + 买家属性徽章（已验证/身高尺码），支持商家回复行。

    PDP Review Cards
  6. dropin-pdp-ugc-wall.liquid

    PDP Customer Photos

    Customer photos show the product in real hands, not just studio shots.

    买家秀照片墙：真实场景图 + @用户名徽章 + 星级角标，悬停显示评论摘录。

    PDP Customer Photos