AI运营场景 | 使用AI生成代码

店匠始终将开放作为核心产品力之一，为商家提供了主题、商品描述、自定义页面、博客等功能的代码编辑选项，帮助商家通过代码实现更多个性化需求。以下内容将介绍AI工具生成代码这一应用场景，旨在帮助商家了解AI便捷性与潜在价值。

生成表格

• 适用场景：部分商家需要更多背景颜色的表格作为商品的尺码表，添加到尺码表插件或商品描述中，但是后台自带的编辑器不支持修改表格背景，可以使用AI帮忙生成表格，再填入商品尺码。
• 示例提示词：帮我使用HTML代码生成一个X行*X列的表格，表格的颜色逐行切换，第一行的背景颜色是XX色，第二行是XX色
• 实例演示：

• 生成的代码添加到商品描述中的效果如下：

自定义页尾插入的支付图标

• 适用场景：部分商家会使用文章：申请Oceanpayment收款账号期间网站如何显示卡组织logo中的代码，在店铺页面底部添加支付图标。但是文章中提供的图标是固定的，如果需要更换图标的话，需要手动替换图标，较为麻烦。可以使用Deepseek进行这个替换的步骤。

• 提示词示例：“帮我把以下代码中的第X张图片，更换为【图片链接】这个链接+【代码】。”
• 实例演示：

然后将AI替换后的代码，使用自定义代码嵌入插件，添加到页尾即可。

• 替换前的图标如下：

• 经AI替换后的图标如下：

优化商品描述代码

• 适用场景：商户的商品是通过源代码复制或通过插件采集，可能存在代码包含冗余样式，影响前端页面的正常显示。使用 Deepseek 可以简化代码，仅保留必要内容，不仅优化页面展示效果，还能精简代码，提高网页加载效率。
• 示例提示词：“帮我将以下代码简化为最简单的形式，去除一些无用的样式代码：【代码内容】”。
• 实例演示：

创建 HTML卡片

• 适用场景：店匠的众多主题都有提供 HTML 卡片，该卡片支持通过代码在店铺中添加任何自定义小组建或应用程序，以更好地为消费者提供服务。关于卡片的具体使用方式可以点击此文章了解。由于卡片支持 HTML 代码，则可以利用 DeepSeek 的代码生成功能，帮助您实现一些当前主题不支持的功能。
• 示例提示词：“使用HTML代码编辑一个+【卡片要求】。”
• 实例演示：

• 到主题装修中添加HTML卡片，检查输出的内容是否符合需求：

生成自定义代码

自定义代码嵌入是一个简单易用，但对商家非常有用的应用程序。支持自定义代码插入，可以很方便地添加脚本、样式、验证标题标签等，还可以将任何 HTML 代码添加到您定义的页面、专辑、产品页面。 操作非常简单。关于插件的具体使用教程可以查看帮助文档：如何设置自定义代码嵌入？

以下内容将为您介绍一些常用的代码生成示例。

禁止鼠标右键

• 适用场景：部分商家苦恼于店铺的商品经常被竞争对手爬取或侵权，可以尝试在网页中禁用鼠标右键，以增加商品被爬取的难度。
• 示例提示词：“使用HTML生成禁止在页面上点击鼠标右键的代码，不需要任何文案内容。”
• 实例演示：

生成节日氛围效果

• 适用场景：虽然店匠有提供万圣节、圣诞节等节日专用主题，但是重新装修一个主题对商家的运营难度还是比较大，部分商家会选择直接在页面中添加效果以实现该功能。
• 示例提示词：“使用HTML代码，为页面生成XX效果，只需要有效果，不需要任何文案。”
• 实例演示：

• 使用自定义代码嵌入插件添加代码后的效果：

生成悬浮图标

• 适用场景：部分商家希望页面上有一个悬浮的图标，顾客点击之后可以跳转至WhatsApp、Facebook或其他页面。
• 示例提示词：“帮我用HTML代码生成一个图标悬浮在页面的左下角，点击图标后可以跳转到其他页面。 ”
• 示例演示：

• 添加以上代码之后的效果：

生成订单拦截规则

• 适用场景：部分国家的海关或物流系统，要求顾客再下单时填写税号、身份证号等信息。可以进入Shoplazza管理后台，点击设置 > 结账页设置 > 利用自定义校验与拦截规则中的正则表达式进行复杂的文本校验。
• 示例提示词：“帮我生成以下规则的正则表达式：+【需要校验的规则】。”
• 实例演示：

• 将AI生成的校验规则填写到自定义校验与拦截规则插件中。

• 当顾客下单时，输入的信息触发了拦截规则，将无法继续付款的步骤。

随着AI技术的进步，国产大模型Deepseek已具备强大的代码生成能力，能够根据文本提示自动生成代码，显著降低了代码编辑的难度。如今，商家只需掌握基础的代码知识，即可借助Deepseek为店铺进行深度定制，进一步提升店铺的灵活性和独特性。