企业展示型小程序制作教程,展示公司介绍、产品、案例

2026-10-12

使用码云数智制作企业展示型小程序完整教程

企业展示小程序,核心用来展示公司介绍、产品、案例、联系方式、在线预约表单;

码云数智里选择【轻应用小程序】

,零代码拖拽搭建,不用写代码。

✅ 前期准备(上线前必须备好)

  1. 企业营业执照,法人信息(微信公众平台认证小程序主体用,300元/年认证费交给微信)

  2. 企业素材:公司LOGO、轮播banner图、产品图片、案例图、公司简介、联系方式、地址

  3. 注册微信小程序账号:微信公众平台 mp.weixin.qq.com,主体选企业,认证后拿到 AppID

提示:仅做展示可以不用微信支付;如果需要在线报价/收款,额外申请微信支付商户号

📝 步骤1:注册码云数智账号,创建轻应用小程序

  1. 打开码云数智官网,手机号注册、登录后台

  1. 进入【产品中心】,选择 轻应用小程序(企业展示官网小程序专用),创建应用,可先试用体验

📝 步骤2:挑选企业展示模板,一键套用

  1. 进入【页面装修】→模板中心,筛选行业:制造业、工程、商贸、服务、科技等企业官网模板

  2. 预览模板,找到风格合适的,一键套用,自动生成整套页面(首页、关于我们、产品中心、案例、联系我们)

📝 步骤3:可视化拖拽编辑小程序页面(核心操作)

编辑器是所见即所得拖拽模式,左侧组件库,画布直接修改内容:

  • 替换:双击文字改文案,双击图片替换为企业自己图片

  • 添加组件(企业展示常用):轮播图、图文介绍、产品卡片、案例相册、一键电话、地图定位、留言表单、视频介绍、底部导航菜单

  • 调整:修改品牌主题色、字体,删除不需要模块,新增自定义页面

  • 底部菜单设置:配置首页、产品、案例、联系我们等底部导航

展示小程序必备页面清单:首页、公司简介、产品展示、成功案例、新闻资讯、联系我们(电话+地图+留言表单)

📝 步骤4:后台内容完善(素材录入)

后台菜单录入内容:

  1. 产品管理:添加产品分类、产品图文

  2. 案例管理:上传项目案例图片与介绍

  3. 资讯/新闻:企业新闻、行业动态

  4. 表单设置:客户留言、预约咨询表单,提交后后台可查看客户信息

  5. 联系设置:填写企业电话、地址、高德/腾讯地图定位

📝 步骤5:授权绑定微信小程序

  1. 在码云数智后台找到【小程序授权】

  2. 两种方式:

    • 推荐:管理员微信扫码一键授权

    • 手动:填写微信公众平台的AppID和AppSecret

  1. 授权成功后,平台自动打包小程序代码包

📝 步骤6:预览、提交微信审核上线

  1. 点击【生成预览码】,微信扫码手机预览,检查所有页面、图片、电话、表单、地图是否正常,反复修改调试

  2. 确认无误,在后台提交代码,推送至微信公众平台

  3. 登录微信公众平台提交审核;微信审核一般几小时~1-2个工作日

  4. 审核通过,点击发布,小程序正式上线,可以分享给客户、生成小程序码