微信小程序编辑器(展示类)操作手册

概述

展示类小程序主要用于企业或产品展示,支持图文内容编辑,可以适用于需要展示的各行各业。编辑完成后,展示类小程序将包含四个页面,可以使用底部标签页导航栏进行跳转:

  • 首页:服务、产品、活动等图文、视频介绍
  • 产品展示(可选):多个产品、服务图文介绍
  • 关于我们(可选):公司图文、视频介绍
  • 联系我们:地址、拨打电话、显示营业时间、自定义字段

示例:

Artboard_7.png

 

 

如何编辑“首页”内容?

点击左侧菜单栏,展示首页管理的【图文介绍】项

original_-_1.png

编辑图文介绍内容

  • 可输入文字,支持文字编辑

text_editor.png 

  • 可调整字体样式(颜色、大小、加粗、斜体、下划线);调整段落排列(左/右对齐、两端对齐、居中)
  • 可插入图片(最多上传20张)
  • 可插入视频  (最多支持20段视频,需提供视频源链接,目前仅支持MP4格式)了解如何插入视频

 

编辑技巧

  • 图片顺序可以拖动修改
  • 上传的位置可以通过移动光标确定
  • 图片与图片之间为无缝连接,若需要间距,您可以:
    • 使用画图软件自行为图片添加上或者下边框,或者
    • 使用回车添加空行
  • 如果超过20张图片怎么办?
    • 您可以将多张图片合并成宽度合适的的长图后进行添加。注意,若单张图片过长或体积过大,可能影响加载速度,影响访客的体验。 

 

在首页添加轮播图(可选)

点击左侧菜单栏,小程序设置的【功能组件】项,选择【轮播图】

original_-_2_banner.png

  • 您最多可以上传最多上传10张轮播图
  • 推荐尺寸:1600 * 900 像素
  • 上传后可以拖动调整排序
  • 将显示在首页的顶部
  • 轮播图支持链接到:  
    • 产品详情页 (若已经有产品)
    • 产品分类页面
    • 页面 - 关于我们、联系我们、产品展示(需添加至少一件产品)

 修改后记得点击保存按钮。

 

在首页添加快捷方式(可选)

点击左侧菜单栏,小程序设置的【功能组件】项,选择【快捷方式】

original_-_3_shortcuts.png

在首页添加快捷按钮版块,链接到:

  • 产品详情页 (若已经有产品)
  • 产品分类页面
  • 页面 - 关于我们、联系我们、产品展示(需添加至少一件产品)
  • 功能组件 - 拨打电话 ,地图导航,在线客服(需开启),一键分享小程序

可以修改快捷按钮形状:圆形或正方形

修改后记得点击保存按钮。

 

如何编辑“产品展示“页面的内容?

若您需要展示具体的产品或服务,添加至少一个产品后,会在您的小程序中新建”产品展示“的页面,访客可以通过底部的菜单进入,了解更多详细的产品信息。

 

添加或编辑产品

在左侧菜单栏产品展示管理下,您可以编辑【产品】,管理【分类】,设置展示效果。

点击【产品】项,可以添加或编辑产品。

original_-_4_portfolio.png

点击【添加新产品】的按钮后,您会进入到产品编辑页面,可以根据需要为产品添加基本信息和介绍。

WX20171128-131557.png

  • 图片:可以上传最多十张图片,自行设定封面图
  • 产品名称:为您的产品或服务命名,便于访客快速了解
  • 产品简介:可添加基本的文字介绍
  • 价格:展示类小程序不支持支付功能,价格只用于展示
    • 您可以输入价格的数值及货币单位
    • 也可以输入文本信息 (如 “电话询价”、“欢迎到店咨询”、”价格面议“等)
  • 产品分类:您可以为产品添加已有分类,进行分类管理需前往【产品分类】页面
  • 详情介绍:为您的产品添加更丰富的图文介绍
    • 最多上传10张图片
    • 支持文本输入

 

管理产品分类

更清晰的分类有助于访客更好的查看感兴趣的产品。若您需要添加新的分类,或修改/删除已有分类,请点击左侧菜单【产品分类】进入编辑页:

original_-_5_category.png

您可以

  • 添加产品分类:点击【添加产品分类】按钮
  • 调整顺序:拖动调整分类顺序
  • 修改名称:击分类名称旁的修改按钮修改分类名称(不可为空)
  • 删除分类:删除分类不会删除该分类下的所有产品,只会为这些产品移除该分类标签

 

展示设置

点击左侧菜单【展示设置】您可以为产品展示页添加底部按钮,为每个产品的详情页添加底部按钮,用于引导访客进行联系,或查看更多公司、企业详情。

original_-_6_bottom_button.png

可以设置底部按钮为:

  • 一键拨打:选择功能→拨打电话→输入电话号码
  • 地图导航:选择功能→地图导航→输入地址后在下拉框点击选择
  • 在线客服:需开启后方可选择,如何开启客服
  • 页面跳转:选择页面→指定跳转的页面(联系我们、关于我们)

底部按钮示例:

                            button.png

 

 

如何编辑“联系我们“页面的内容? 

点击左侧菜单栏小程序设置下的【基本信息】项,您可以编辑【名称】【图标】【联系我们】的内容。

original_-_7_contact_us.png

  • 名称:将作为您小程序的名称显示
  • 图标:将出现在“联系我们“页面上方,建议上传商标
  • 联系我们:可以选择并编辑需要显示的信息(如,若不想要显示营业时间,不勾选)
    • 地址:请确保填写准确的联系地址,您的访客可以点击查看地图并直接进行导航
    • 联系电话:请准确填写电话号码,您的访客点击后可以一键拨打
    • 营业时间:您可以按照需求自由填写文本内容
    • 自定义字段

 _____.pngpreview.png

- 点击“添加自定义字段”的按钮添加

- 最多添加10个自定义字段

- 输入标题(必填):最多7个字符

- 输入内容(可选):字数不限,建议不超过30字

 

 

如何编辑“关于我们”页面的内容?

点击左侧菜单栏小程序设置的【基本信息】项>【关于我们】,勾选“在小程序显示关于我们页面”,在下方的编辑框中进行编辑。

original_-_8_about_us.png

编辑方式与首页的展示内容一致(支持文字、图片编辑、视频插入)。建议在此处添加公司、企业介绍的内容。

 

如何修改小程序的风格

点击左侧菜单栏小程序设置,点击【风格】项

original_-_9_style.png

  • 主题色: 可以选择符合您企业形象的主题色 
  • 修改产品布局:
    • 支持三种布局
    • 方格布局示例:

                         WMP_1_-_product_Copy.png

  •  修改底部分页导航的名称:根据您的企业类型和服务场景,可以修改底部导航栏名称,以更灵活的使用各个功能页。如,您可以使用将产品展示页修改为“案例分享”,灵活使用产品展示的功能进行分享。

 

如何设置在线客服

展示型小程序已支持在线客服功能,您可以点击左侧菜单栏【功能组件】→【高级功能】进行设置。了解设置在线客服

 

如何添加博客模块

您可以在展示型小程序中添加博客模块,用于分享新闻、行业知识、公司动态等。更全面的打造企业、公司形象。

了解如何添加博客模块

 

最后一步:发布小程序

点击编辑器左侧菜单下方【立即发布】按钮进行发布。

首次发布小程序将需要授权微信小程序账号。如尚未注册小程序账号,请访问教程:注册微信小程序账号 

Snip20180101_43.png

注册完小程序账号后,点击“我已有账号,前往授权”,使用微信小程序账号的管理员微信扫码。在扫码后,您的手机会跳转到如下页面,

      WechatIMG80.jpg

点击对应的微信小程序(请特别注意不是公众号!)完成授权。若授权遇到问题,请参见小程序授权失败的解决办法

 

顺利完成后点击【立即发布】即可提交至微信审核,大约需要1-2天,审核通过后即可正式上线。 若提交审核遇到问题,请参见小程序审核未通过的解决办法

如审核仍然未通过,请发送邮件至hi@sxl.cn。

 

常见问题

  • 个人用户可以使用小程序吗?

可以,小程序开放给企业、个人、媒体、政府与组织机构,个人也可以使用小程序,不过请注意:个人无法进行微信认证,因而无法使用支付与卡券功能。

 

  • 每个账号最多可以创建多少个小程序

每个小程序账号最多创建50个小程序。

 

  • 预览小程序显示效果不太好,上线后也是这样么?

预览效果与最终上线效果可能略有差异,以上线后的版本为准。

 

  • 我有定制化需求,如何实现?

定制化需求请联系销售团队,我们会根据你的需求开发周期报价。

 

 

 

 

 

 

还有其它问题?提交请求