[展示] 小程序编辑器操作手册

展示小程序(付费小程序之一)主要用于企业或产品展示,支持图文内容编辑,可以适用于需要展示的各行各业。请看看微信小程序服务流程 - 如何创建一个小程序来了解一个小程序的创建流程。

  

第一步:选择小程序模版

登录你的上线了账号,在主页这里选择“我的小程序”,点击绿色按钮“创建小程序”。

mceclip0.png

 

然后选择“展示”小程序类型:

mceclip0.png

 

找到你想要使用的模板,点击“选择该模板”。你还可以使用微信扫码预览此模板的效果:mceclip2.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

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

 

   

开启及使用其它功能

 

 

 

最后一步:发布小程序

第一次发布小程序,需要先授权你的小程序账号:授权小程序账号若你还未有小程序账号,请先注册一个微信小程序账号。一个小程序账号可以发布一个小程序。

 

授权后就可以点击【立即发布】提交到微信团队审核,大约需要7个工作日,审核通过后小程序会立即上线。若审核未通过,可以查看:小程序发布审核的常见问题及不通过的解决方法

 

 

常见问题

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

预览效果与最终上线效果可能略有差异,以上线后的版本为准。你也可以使用微信手机端预览体验

  

2. 小程序审核被拒如何处理?

如审核被拒,请查看审核被拒原因,修改后重新发布上线。可以查看:小程序发布审核的常见问题及不通过的解决方法

 

3. 展示小程序怎么添加支付方式?

因为展示小程序主要是用于展示,不是用于交易的,所以目前不支持添加支付方式。你可以尝试我们的电商小程序,支持开通微信支付,或者也可以创建超级云名片的展示小程序,支持云收款

 

 

4. 每次添加或修改产品都需要重新发布小程序审核吗?

不需要的,添加产品会自动更新到你的线上小程序,不需要做任何操作。其它的添加或更改请看:小程序什么情况需要重新提交审核?。 

 

 

如果有任何疑问,可以使用以下方式联系我们:

  • 发送邮件至hi@sxl.cn
  • 关注微信公众号与我们沟通,关注上线了公众号:sxl-cn 
  • 在线与我们沟通:点击进入
  • 客服在线时间:8:00-22:00

 

还有其它问题?提交请求