热门搜索:
应用
权限
操作指南 > 
账号与安全 > 
注册

操作指南

官网小程序

简介

针对企业提供信息展示、企业文化对外宣传的一个快捷的展示小程序。

1.官网小程序后台设置

1.1.基础设置

步骤:微信小程序→微官网→基础设置。

image.png

输入公司名称、电话、选择公司所在区域、填写公司地址,接着点击复制→搜索→在地图上确认位置→确定→提交即可。

1.1.2.关于我们

步骤:微信小程序→微官网→基础设置→关于我们。

image.png

点击“关于我们”可编辑自己公司的简介信息,编辑好后点击“提交”即可。

1.1.3.客服设置

步骤:微信小程序→微官网→基础设置→客服设置。

1520240931961381.png选择是否开启微信客服,如上图选择开启、选择功能设置(可选择“首页显示”或“所有页面”),选择客服图标(可选择使用“默认图标”或“自定义图标”(若选择自定义则点击图标就可以自定义上传图片)最后点击“提交”即可。开启后则需要到微信公众平台小程序后台进行添加微信客服如下图;

1520241179495575.png

点击“添加”。

image.png

输入微信号→搜索→确定。

1520241302825849.png

如上图所示说明绑定成功,点击“在线客服功能”就可以直接跳转到客服登录页面。(微信规则,仅支持在电脑端回复用户)

1.1.4.音乐设置

步骤:微信小程序→微官网→基础设置→音乐设置。

1520241393484871.png

选择是否开启背景音乐,如上图选择开启后,选择音乐文件,上传文件/添加连接方式,点击“提交”即可。(注:支持的格式:mp3/wmv)

1.2.资讯管理

1.2.1.软文列表

添加类型

作用:用于首页模板连接时可选择到该软文,展示在前端

步骤:微信小程序→微官网→资讯管理(默认跳转到软文列表页)。

1520241559299345.png

点击“添加”。

1512028009523247.png

输入软文类型名称,选择显示样式,点击“提交”。

添加作者

作用:平台添加文章时需要选择作者,前端文章中显示作者名字;

1512028062796768.png

1512028092585987.png

点击作者列表→添加作者。

image.png

输入作者名,点击“提交”即可,添加好后下图所示。(作者名会默认到同步到所有的软文类型的作者列表中)

image.png

如需要添加多个作者名继续点击“添加作者”重复上图的步骤即可,点击“返回”则跳转到软文列表页。

文章列表

1512028366928673.png

1512028392544874.png

选择要添加文章的软文类型,点击文章列表→添加文章。

image.png

1512028463646354.png

输入文章标题、选择作者、上传文章封面图片和编辑好文章内容,然后下拉菜单点击“提交”。

image.png

(如需要添加多篇软文文章继续点击“添加文章”重复上面的步骤即可。)添加成功后如上图所示,(注:添加成功后该文章默认是开启的状态,若点击“关闭”则前端不显示此文章)

1.2.2.视频管理

作用:视频的添加,在首页视频橱窗中连接后才可以给用户观看,其他无法连接

步骤:微官网→资讯管理→视频管理。

1520242292764214.png

点击“添加”。

1520242332605970.png

输入视频名称→选择显示样式→提交。

1520242430696999.png

这里的作者列表是和软文列表里的作者是同步的)点击“视频列表”如下图所示。

1520242551422542.png

点击“添加”。

image.png输入视频标题、选择作者、上传视频封面图片、编辑视频简介内容,填写视频内容,(注:视频内容的连接必须是要解密了的视频,如不是解密的视频,则播放不了。另附带七牛云文档,可根据流程上传视频调取解密连接)若想要设置推荐视频可关联到之前添加好的视频模块,最后点击“提交”。

image.png

提交成功后默认是上架的状态,如上图所示,可管理视频列表,点击“返回”就会跳转到视频管理页面。

1.3.首页设置

步骤:在管理系统后台点击微信小程序→微商城→首页设置。(首先要装修小程序模板并且设置为首页,调试的时候前端才可以看到模板做制作的效果)

1512028592163799.png

点击“新建模板”。

页面设置

1520243002567978.png

默认跳转到“页面设置”,在模板名称编辑处,输入模板名称(不限制字数)。

image.png

注:顶部菜单和橱窗二、三、四图支持跳转其它小程序。(前提必须是关联同一个公众号的小程序,并且选择跳转的小程序必须是已上线的)

+公司地址

image.png

点击“+公司地址”可获取公司所在的地址(前提:需要在微信小程序→微官网→基础设置里进行配置)

+标题板块

image.png点击“+资讯橱窗”可调整模块的上下边距,选择链接内容,点击图片上传资讯橱窗图片。

+资讯橱窗

1520567136220113.png

点击“+资讯橱窗”可调整模块的上下边距,选择分类(注:首先要添加软文类型和软文文章后,才能选择分类,步骤:微信小程序→微官网→咨讯管理→添加分类)并输入商品显示的数量。

+顶部菜单

image.png

点击“顶部菜单”设置顶部菜单标题(下拉菜单,点击“+”可添加多个标题内容,不限制最多可添加多少个),选择链接内容(可链接到官网/小程序),点击上/下移可调整菜单位置,下拉菜单。(注:只能添加一个顶部菜单)

+视频橱窗

1520244427827592.png

点击“+视频橱窗”,选择布局方式、输入显示视频数量,选择视频链接内容(注:需要在微信小程序-微官网-资讯管理-视频管理里添加好视频内容。),编辑好首页模板后,点击“保存”即可。

1520244497474480.png保存成功后,点击“预览”可查看手机格式的预览效果,(首页模块可实时同步,若修改了模块里的底部菜单需同步至小程序则需要重新上传代码才能实现同步)选择一个首页模板,设为首页。

1.4.生成小程序

(1)商家后台配置

步骤:微信小程序→微官网→生成小程序。

1512029558683700.png

将小程序里的 APPID、和AppSecret粘贴到商家管理员后台对应位置,输入版本号,开启服务器配置,点击“生成小程序”,等待小程序生成成功。

1512029597478973.png

点击“下载小程序”进行下载小程序安装包。

1512029638825221.png

点击“下载”,等待下载成功后将安装包进行解压。

(2)查看小程序ID和秘钥

登录微信公众平台小程序后台 — 设置 — 开发设置(开发者 ID )

image.png

复制 APPID(小程序 ID) 生成 AppSecret(小程序密钥),接着回到商家管理后台复制登录后台后的域名填写到服务器域名这里即可。

1.5.常见问题

步骤:微信小程序→微商城→常见问题,可了解到小程序常见问题。

1512029705854385.png

2.上传小程序

首先要进行下载开发者工具,步骤:登录小程序账号→首页。

1520245217833454.png

点击“普通小程序开发者工具”就可以直接跳转到下载小程序页面,也可以直接选择打开以下链接

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html就会跳转到如下图所示的页面

1520246137815854.png

点击“微信开发者工具”。

1520246241492109.png

Windows 系统的选择(Windows64Windows32 或 mac 苹果系统)具体看下载人员的电脑配置。

1520246304782868.png

点击“下载”。

blob.png

下载成功后,按右键点击“打开”进行安装。

blob.png

点击安装成功的软件。(微信 web 开发者工具)

blob.png

开发者工具使用管理员(申请小程序公众号所绑定的微信号)或者绑定的开发者微信号扫码登录。

blob.png

选择“小程序项目”进行创建项目。

blob.png

需要填写 AppID、项目名称及本地开发目录

APPID(小程序账号的 APPID)

项目名称:由商家自定义

本地开发目录:上传已解压好的小程序代码包。

填写好后点击“确定”。

image.png

点击左边调试当前不同手机尺寸适应的尺寸,点击“预览”,开发者可用本人微信扫码,在手机内预览小程序的效果。(注:修改了小程序首页的自定义底部菜单则需要重新上传代码包提交审核))点击“上传”按钮,输入版本号和项目备注,继续点击“上传”。

1512030350705982.png

输入版本号和项目备注,点击“上传”,等待上传成功后会在小程序公众号后台的开发管理-开发版本如下图。

1512030397369507.png

可查看刚上传到开发者工具里的项目,点击提交审核,提交审核如下;

1512030431876634.png

需要设置以下内容:

功能页面(选择页面第一个,可看小程序代码包调试时左边最下面一行路径)

标题(用于备注)

所在服务类目(根据所对应的内容选择符合的类目范围)

标签(用于搜索用的);然后提交审核成功后,这时要等待微信审核通过,审核时间为三个工作日,审核成功后在审核版本里点击发布就可以在线上版本里看到该小程序了,这时就可以使用小程序。(注:由于发布后,不是立马可搜索到,需要等一段时间再去进行搜索查看)

3.手机端展示

步骤:在微信端→发现→小程序。

image.png

可通过搜索小程序名称或查看附近小程序的方式,找到要查看的小程序名称并点击小程序名称则会跳转官网首页如下图所示。

image.png

下拉菜单如下图所示。

image.png

image.png

微信小程序-微官网操作流程已说明完成,如有疑问请联系在线客服