ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
一、首先登录应用后台,点击平台---平台模板,找到开启的模板,进入站点设计页面 ![](https://img.kancloud.cn/b7/71/b771017745bf81a802d8ecb90ac3e2c4_1920x553.png) 二、组件分为四个模板,常用模块、商品模块、内容模块和高级模块,模块里面的组件都是可以拖拽至设计页面的 ![](https://img.kancloud.cn/74/92/74926c7752d67b5958f2f293e0c7529e_536x934.png) 可以看到默认的模板,仅仅用于展示,鼠标移动到设计页面可以看到删除、编辑、移动操作 ![](https://img.kancloud.cn/ba/35/ba3524a05048ce878fb01f8c0d30de52_1920x832.png) 底部导航可看到五个首页、关注、分类、聊天、个人中心 ![](https://img.kancloud.cn/10/e7/10e711f369fcda89ea099b78a1150401_387x765.png) 三、简单介绍下经常用到的组件,设计下首页 1.轮播图组件,可以将组件拖拽到设计页面任意位置,鼠标经过设计版块可以看到编辑 ![](https://img.kancloud.cn/64/84/6484d3830382a3022b280d01753b52ea_1920x816.png) ![](https://img.kancloud.cn/4c/e9/4ce9e2575e2dc60d5a2b092dbd58531d_1920x759.png) 可以更换图片,也可以新增加多张图片 ![](https://img.kancloud.cn/d0/7f/d07ff87df17a69358b82e256586f7406_1919x789.png) 2.商品组件,首先需要后台有商品数据,设计页面直接调用即可 ![](https://img.kancloud.cn/11/25/112585c63bca146577540c5ace7f781f_419x705.png) 客户首先有入驻店铺,进入店铺,点击商品--商品列表,填写商品的基本信息,添加商品即可 ![](https://img.kancloud.cn/77/8b/778b325201007b82b90a863ac64d3548_1895x506.png) ![](https://img.kancloud.cn/22/25/2225a1512d764138e68567665153081b_1639x850.png) 然后返回设计页面,拖拽商品组件到设计页面,调用添加好的商品 ![](https://img.kancloud.cn/2a/25/2a25e33df48a91eb0446b809da058f90_1917x748.png) 可以手动选择,也可以自动选择。手动选择仅选择自己选中的商品展示,手动选择展示所有上架的商品,后续新增的商品也会自动展示 ![](https://img.kancloud.cn/73/1d/731de9ff7ea313b1df2ebbd99313a8ce_1920x782.png) 添加好之后,你可以自己选择风格展示 ![](https://img.kancloud.cn/bc/10/bc1003973ce3d2070db26fc8df6659df_1920x936.png) 3.拼团砍价秒杀一样,需先添加数据后调用 ![](https://img.kancloud.cn/72/fa/72fa167b1150e067347f260c9d040bda_421x612.png) 进入店铺,点击应用可看到拼团砍价秒杀组件 ![](https://img.kancloud.cn/77/8b/778b325201007b82b90a863ac64d3548_1895x506.png) ![](https://img.kancloud.cn/29/17/2917c5b32b77f56701e5eaa506be8c32_1920x609.png) 添加拼团活动,填写基本信息 ![](https://img.kancloud.cn/3b/2d/3b2da2de420d47a0a465b86ace096726_1581x850.png) 同样返回设计页面进行调用 ![](https://img.kancloud.cn/b8/61/b86113719cc412c33b621315c3bb52f1_1912x745.png) ![](https://img.kancloud.cn/55/7a/557a7c8215f4e1a1f359af15ba573f6a_1812x771.png) 4.商家列表组件直接放置页面即可,会自动获取平台上所有已入驻并且开启的店铺 ![](https://img.kancloud.cn/64/13/6413b56bc27f4d46e7f0ba579453471f_1918x829.png) ![](https://img.kancloud.cn/09/7c/097cc3dde6a79ea42e0adc0f038030c3_1920x552.png) 点击预览看效果,看到自己会获取店铺名称和图标 ![](https://img.kancloud.cn/b2/1e/b21e51f659515c404a298f2fb856857d_1920x909.png) 四、第二页面关注 关注页面是默认的不支持修改,用户关注店铺之后会自动该页面展示,下面展示的是推荐的店铺 ![](https://img.kancloud.cn/08/1b/081bec93690a3f551efcda9d39609743_377x764.png) 开启推荐店铺 ![](https://img.kancloud.cn/62/51/6251988a99cf0525acaed25671c6365f_1920x349.png) 小程序端展示 ![](https://img.kancloud.cn/a3/7d/a37d681742dc06652038a2b4c26c0cfe_414x780.png) 五、分类,这里的分类是指平台分类 增加平台分类,看下图,超管登录后台,点击增值--抽佣管理里面--平台商品分类 ![](https://img.kancloud.cn/ee/41/ee4188d3a5451f236b661d9b086766f9_1920x417.png) ![](https://img.kancloud.cn/d1/e1/d1e143bf6a2e625d669fe92ca8fe85ea_1038x623.png) 添加店铺商品的时候会让选择平台分类的 ![](https://img.kancloud.cn/56/92/5692862f28062601c35706bdf9242eb6_1545x480.png) 六、聊天页面 固定页面,接收回复消息,点击消息进入可以看到客户咨询的信息 ![](https://img.kancloud.cn/87/52/87525ddeec8f7be816cceb2216c35204_396x867.png) 精选推荐,看你店铺的商品是否有开启推荐按钮,开启的就会展示 ![](https://img.kancloud.cn/e2/27/e2277fc70640c0f7e3ed36df1fcb0539_1920x387.png) 七、个人中心 可控制菜单的显示和隐藏,点击小眼睛可以控制关闭和开启 ![](https://img.kancloud.cn/b5/a2/b5a27b82d53cb02e1dd64ad50c37e831_1920x912.png) 可以修改菜单名称 ![](https://img.kancloud.cn/cb/9c/cb9c3574d07282a1087c5ca0807790bd_1594x725.png) 八、底部导航 底部导航最多支持五个,可以编辑和删除 ![](https://img.kancloud.cn/c8/50/c850825982c3547693a1ab9570a6fbbc_1507x855.png) 鼠标移动过去会显示编辑和删除小图标, ![](https://img.kancloud.cn/ad/d0/add0e0665d30f3c3cd3453821912e1d3_1281x794.png) 编辑可以更换链接、图片和底部导航的名称 ![](https://img.kancloud.cn/0d/e5/0de5888703b77df5dfe8f57ad1efe25a_1491x607.png) 九、可以添加多个页面 ![](https://img.kancloud.cn/d1/b7/d1b76854c83da4f7dd9b01452864b99f_1656x773.png)