Creazy教程 欢迎您！😊 衷心欢迎您来到Creazy。 在本文中，我们将从商品详情页的制作方法、编辑器中的修改方法，到新增的工具栏和拖拽功能，全部详细地为您说明。 请慢慢跟着步骤来，任何人都可以轻松制作商品详情页！ 登录后的页面 创建新设计 这里的设计指的是一个商品详情页。 要制作商品详情页，请点击"创建新设计"按钮。 !SCR-20260226-kmoq.png 登录后，您会看到如上所示的仪表盘页面。 看到画面中央的"创建新设计"按钮了吗？ 点击此按钮即可立即开始制作商品详情页。 如果之前已创建过设计，也可以在此页面直接查看并进入编辑。 !SCR-20260226-klww.png 点击按钮后，会出现如上所示的选择页面。 如果是第一次使用，请点击"从头开始"按钮。 您可以从零开始创建全新的商品详情页。 输入项目基本信息 输入商品名称 !SCR-20260226-kmfi.png 第一步是输入商品名称。 请输入您要销售的商品名称。 例如"高级无线耳机"、"手工草莓酱"等。 这个名称将作为AI撰写详情页内容时的基础信息，建议您准确输入实际用于销售的商品名称。 选择内容类型 !SCR-20260226-kmsy.png 接下来是选择内容类型的页面。 目前请选择商品详情页。 选择后，请点击下一步按钮。 未来还会增加横幅、缩略图等更多内容类型，敬请期待！ 选择分类 !SCR-20260226-kmuq.png 现在请选择与您的商品匹配的分类。 准确选择分类非常重要，原因如下： 每个分类都预先设置了 ✔ 针对该商品类型优化的设计模板 ✔ 经过热销详情页验证的布局结构 例如，食品分类会自动应用刺激食欲的布局，时尚分类会自动应用突出穿搭照片的结构。 选择与您的商品最接近的分类，AI就能为您创建更好的作品。 撰写策划书 这一步是输入商品详情页实际内容的核心步骤。 您将在这里填写商品特点、优势、使用方法等想要传达给客户的信息。 !SCR-20260226-kmxv.png 如上图所示，逐项填写内容即可。 您可以手动输入，也可以使用下面介绍的AI自动撰写功能，会方便很多。 上传照片 !SCR-20260226-kncf.png 请上传商品照片。 可以说商品详情页的质量完全取决于照片！ 照片越多，AI就能用更多样的构图和布局来设计您的详情页，因此建议您尽可能多地上传商品照片。 正面、侧面、细节特写、使用场景等多角度的照片尤其有帮助。 用AI自动填写内容 !SCR-20260226-knjc.png 觉得自己写策划书太难了？别担心！ AI会自动为您撰写详情页内容。 AI会根据您之前输入的商品名称、分类和上传的照片，分析商品的特点和卖点，自动填写策划书。 确认AI撰写的内容后，只需修改不满意的部分即可，大大节省时间。 暂存 !SCR-20260226-knmd.png 如果工作中需要临时离开，或者想稍后继续，请点击暂存按钮。 正在编辑的内容会原样保存，下次回来时可以继续工作。 提交 !SCR-20260226-knpc.png 确认策划书内容后，请点击提交按钮。 提交后，AI将根据策划书开始设计工作。 通常需要1-2分钟，完成后即可立即查看成果。 商品详情页创建完成 !SCR-20260226-kpcy.png 恭喜您！🎉 商品详情页已创建完成！ AI已自动为您完成了由多个板块组成的商品详情页。 您可以直接使用，如果想进一步调整，可以在工作室中进行编辑。 使用工作室页面 工作室是可以自由修改已创建的商品详情页的编辑空间。 左侧是AI聊天和工具，中间是商品详情页预览，右侧是详细设置面板。 !SCR-20260226-kpec.png 在此页面中，您可以进行文字修改、图片替换、板块添加/删除等所有编辑操作。 我们同时支持直接点击修改和通过AI聊天请求修改两种方式，请选择您觉得方便的方式使用。 通过AI聊天进行修改 利用工作室左侧的AI聊天窗口，您可以像跟设计师说话一样用自然语言请求修改。 例如可以这样操作： 添加板块："帮我添加一个评价板块" 修改板块："把第一个板块的背景色改成蓝色" 删除板块："删除最后一个板块" 生成图片："帮我生成一张高级感的背景图" AI修改不受模板限制，可以进行完全自由的设计变更，让您按照自己的想法精细调整。 使用参考图 当"想要这种感觉！"但很难用语言描述时，试试使用参考图片吧。 !SCR-20260226-kpxr.png 您可以在聊天窗口中附上参考图片。上传您喜欢的其他详情页或设计图片即可。 !SCR-20260226-kqas.png 像这样选择参考图，同时说明想参考哪些方面，就能获得更准确的效果。 !SCR-20260226-kqij.png AI会分析参考图的风格和氛围，按照类似的感觉修改设计。 想参考竞品或知名品牌的详情页时，这是一个非常实用的功能！ ⭐ 拖拽添加元素 无需编码或复杂操作，只需从左侧工具栏抓取想要的元素拖放到目标位置，即可立即添加文字或图片。 !SCR-20260210-pwrl.png 用鼠标按住左侧工具栏中的文字按钮或图片按钮，拖动到您想要的位置即可。 !2026-02-106.10.59-ezgif.com-video-to-gif-converter.gif 如上面动图所示，真的非常直观！ 只要在想要的位置放下元素，就会立即添加。 就像在PPT中插入图形一样简单！ ⭐ 拖拽移动元素位置 当您想改变已放置的文字或图片的位置时，也可以通过拖拽轻松移动。 !2026-02-106.25.18-ezgif.com-video-to-gif-converter.gif 点击要移动的元素后拖动，即可自由移动到想要的位置。 需要微调布局时，这个功能非常方便。 复制/删除元素 选择元素后，会出现以下操作菜单。 !SCR-20260226-kqoj.png 在这里您可以进行以下操作： 移动：将元素移到其他位置 复制：再创建一个相同的元素（需要多个相同样式的文字或图片时很有用） 删除：移除不需要的元素 调整大小：放大或缩小元素 还支持键盘快捷键，让您操作更快捷： Ctrl+C：复制选中的元素 Ctrl+V：粘贴复制的元素 !SCR-20260210-qbpg.png 拖动元素的角落或边缘，就可以像这样自由调整大小。可以扩大文字区域、放大图片等。 !SCR-20260210-qacr.png 复制的元素会生成在原元素旁边，可以独立编辑。 需要重复类似布局时，无需逐个重新创建，只需复制后修改内容即可。 编辑文字 要修改文字，请双击该文字。 !SCR-20260226-kquo.png 双击后会立即切换到文字编辑模式，您可以自由修改为想要的内容。 修改错别字、更改文案、添加说明等任何修改都可以立即完成。 ⭐ 板块工具栏功能 每个板块上方都有一个板块工具栏。 通过这个工具栏，您可以对各板块进行各种编辑操作。 !SCR-20260210-qeub.png 工具栏中集合了板块标题编辑、AI聊天修改、顺序调整、复制、删除等功能。让我们逐一了解。 编辑板块标题 !SCR-20260210-qfkv.png !SCR-20260210-qflt.png 双击板块标题即可切换到编辑模式。 板块标题不会直接显示在商品详情页上，但在管理多个板块时，可以帮助您一目了然地识别各板块。 改为"商品介绍"、"用户评价"、"配送说明"等容易辨识的名称，编辑时会更加方便。 在聊天中修改 !SCR-20260210-qkmz.png 想集中修改某个特定板块时，请选择该板块后通过AI聊天发送修改请求。 自然地输入"把这个板块的背景改成白色"、"把文字改大一点"、"把图片移到左边"等请求，AI就会精准地只修改该板块。 !ezgif.com-video-to-gif-converter (3).gif 如上面动图所示，通过聊天请求后，可以看到AI实时修改设计的过程。 手动逐一修改很麻烦的复杂变更，一行聊天就能搞定，非常方便！ 调整顺序 !SCR-20260210-qwan.png 想要调整板块顺序时，请使用工具栏中的顺序调整按钮（箭头）。 点击上/下箭头，该板块会向上或向下移动一个位置。 例如，想把评价板块移到商品介绍正下方，只需点击几次上箭头即可。 复制板块 !SCR-20260210-qwvk.png 如果有喜欢的板块，点击复制按钮即可创建一个完全相同的板块。 复制的板块会添加到原板块正下方，只需修改内容即可快速创建结构类似的板块。 例如，可以复制"颜色选项介绍"板块，轻松创建各个颜色的说明板块。 删除板块 !SCR-20260210-qvww.png 不需要的板块可以用删除按钮干净地移除。 如果AI创建的板块中有不适合您的商品的部分，大胆删除，只保留需要的板块即可。 不过请注意，删除的板块可能难以恢复，请谨慎操作！ 隐藏工具栏 如果希望编辑区域再大一些，可以隐藏工具栏。 !SCR-20260210-qhdz.png 点击屏幕左侧的隐藏工具栏按钮，工具栏会折叠，预览区域随之变大。 !2026-02-106.40.15-ezgif.com-video-to-gif-converter.gif 如上面动图所示，可以根据情况展开或折叠工具栏。 想查看整体完成效果时隐藏工具栏，需要编辑时再展开使用。 右侧面板 工作室画面右侧的面板提供板块管理、照片编辑、AI图片生成、文字样式修改等详细编辑功能。 板块列表 !SCR-20260226-kraj.png 右侧面板的板块列表可以一目了然地查看当前详情页包含的所有板块。 点击某个板块即可直接跳转到该板块，当板块较多时可以快速找到目标位置。 照片编辑 如果想把详情页中的照片修饰得更好看，请使用照片编辑功能。 !SCR-20260226-krmp.png 选择图片后，右侧面板会出现照片编辑选项。在这里可以替换图片。 !SCR-20260226-krsd.png 您可以调整图片的显示区域。请调整画框，让商品的核心部分清晰可见。 !SCR-20260226-krtx.png 使用裁剪工具可以从照片中只裁取需要的区域。去除不必要的背景或想让商品显示得更大时非常有用。 !SCR-20260226-krwg.png 编辑完成后，点击应用按钮保存更改。 无需单独的图片编辑软件，在Creazy内即可直接进行简单的照片编辑。 AI图片 !SCR-20260226-krxz.png 除了商品照片，当您需要背景图片或氛围图片时，请使用AI图片生成功能。 用文字描述您想要的图片，AI就会为您创建定制图片。 例如可以请求"温暖感觉的木桌背景"、"简洁的白色大理石背景"等。 文字样式 !SCR-20260226-krlf.png 选择文字后，可以在右侧面板中精细调整文字样式。 可以自由更改字体、字号、颜色、粗细、对齐方式等。 根据品牌调性来装饰文字吧。 导出 详情页编辑全部完成后，可以通过导出将其应用到实际网店中。 !SCR-20260226-lhrf.png 请点击画面顶部的导出按钮。 !SCR-20260226-ksal.png 选择导出方式 !SCR-20260226-ksdn.png 您可以选择导出方式。Creazy支持图片和网页部署（Figma）两种方式。 图片导出：将详情页下载为图片文件。可以在SmartStore、Coupang等大多数网店直接上传使用。 网页导出：获取部署链接。可以直接嵌入自营网站或Cafe24、I'mweb等平台。 !SCR-20260226-ksis.png 图片导出时，会按板块生成单独的图片并下载。 只需将各板块图片按顺序上传到网店的详情页编辑器中即可！ 网页导出 !SCR-20260226-kskz.png 选择网页导出后，可以获取部署链接。 将此代码粘贴到自营网站或Cafe24、I'mweb等平台的HTML编辑器中，详情页就会原样呈现。 !SCR-20260226-ksmr.png 与图片导出不同，文字也能被搜索引擎抓取，因此对SEO更有利。 视频教程 如果您觉得看视频比看文字更方便，请参考以下视频教程！ Creazy 让您以最简单、最快速的方式制作商品详情页。 随时欢迎使用！🚀

2026.02.09 Creazy 重大更新 Creazy 服务于 2月09日（周一）进行了重大更新。 🎉 应广大用户的要求，我们上线了 D&D（拖拽）功能 和 工具栏功能。 D&D（拖拽）更新 首先，左侧新增了两个按钮。 !SCR-20260210-pwrl.png 通过拖拽这些按钮，您可以更直观地插入和编辑文字与图片元素。 !2026-02-106.10.59-ezgif.com-video-to-gif-converter.gif （怎么样，是不是非常方便？哈哈） 元素 D&D（拖拽） 现在您也可以直接抓取每个元素并移动位置来进行调整！ !2026-02-106.25.18-ezgif.com-video-to-gif-converter.gif 在使用服务时，您是否曾因为这种板块而感到不便？ !SCR-20260210-qbpg.png 如果您想“再增加一个检查点”，以前必须请求 AI 生成，但现在您可以在编辑器中非常方便地进行复制和修改！ !SCR-20260210-qacr.png 选择每个元素后，点击所需的菜单即可！当然，我们也支持快捷键（Ctrl+C, Ctrl+V）。 工具栏功能 !SCR-20260210-qeub.png 每个板块上方新增了：板块标题、在聊天中修改按钮、上下箭头、复制按钮和删除按钮。 板块标题 !SCR-20260210-qfkv.png !SCR-20260210-qflt.png 显示每个板块的标题。双击即可修改板块标题。 ⭐️在聊天中修改⭐️ 这可能是本次更新中最难理解的功能。但一旦掌握，它将变得非常有用！ 点击按钮后，该板块会被蓝色边框包围，聊天窗口中会新增板块名称标签。 !SCR-20260210-qkmz.png 这相当于告诉 AI：“我接下来的指令是针对我选中的这个板块进行修改的。” 之后您只需说明修改要求即可。 例如：如果您想修改第一和第二板块的文案： 点击第一、第二板块工具栏上的“在聊天中修改”按钮。 在聊天框输入“帮我修改这些板块的文案”并发送。 !ezgif.com-video-to-gif-converter (3).gif （是不是比想象中简单？) 上下箭头按钮 !SCR-20260210-qwan.png 用于调整板块顺序的按钮。 板块复制按钮 !SCR-20260210-qwvk.png 用于克隆整个板块的按钮。 删除按钮 !SCR-20260210-qvww.png 用于删除板块的按钮。 “虽然很方便，但如果板块都是分开的，就看不出详情页的整体感觉了…… 😢” 如果您有这样的顾虑，我们也为您准备了解决方法。 !SCR-20260210-qhdz.png 上方有一个工具栏开关按钮，您可以随时开启或关闭。关闭工具栏后，您就可以预览详情页在实际发布后的样子。 !2026-02-106.40.15-ezgif.com-video-to-gif-converter.gif 这次更新您觉得怎么样？Creazy 团队始终致力于成为各位老板最可靠的伙伴。如果您有任何不便或想要的功能，请随时告诉我们，我们会尽快安排落实！ 前往 Creazy

还在花几天时间制作详情页？用 AI 3分钟轻松搞定。 还在为策划排版和设计美工而头疼吗？ Creazy 帮您在3分钟内解决所有烦恼。 为什么选择 Creazy？ 它不仅仅是设计工具，而是从策划到输出的全流程一体化解决方案。 输入商品信息: 只需输入商品的基本信息，无需复杂的策划案。 一键生成: AI 会分析您的商品，一次性生成包含策划与设计的完整详情页。 轻松编辑与导出: 需要修改？像聊天一样告诉 AI 即可。支持导出为图片、HTML 代码或 Figma 文件。 观看演示视频 (2分钟教程) 请通过下方视频确认它的快速与便捷。 立即免费体验！ 亲自体验惊人的速度吧。立即注册，即可免费获得制作2个详情页的额度（200积分）！ 创建您的第一个设计 🚀