自适应模板介绍(自适应模板)

一、自适应介绍

自适应模板是什么?

自适应模板就是响应式布局。

响应式布局:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局。

直观效果为:页面元素宽度或排版随着浏览器窗口宽度调整会自动适配。一个网站就能自动适应多个终端(电脑、平板、手机等),不需要再为每一个终端分别制作不同版本网站。

自适应模板能实现什么?

① 显示友好

自动适应不同屏幕分辨率的不同终端设备(手机、平板、电脑等)。

② 制作成本低

电脑视图和手机视图支持内容同步,制作一个网站就能兼容多个终端,而不必为每个终端做一个特定的版本。

③ 维护成本低

只需要维护一份网站管理、一个域名推广即可。

④ 样式丰富自由

支持通栏内容区宽度100%设计、渐变背景、横幅视频、固定顶部等样式设置。

二、功能说明

【版本】建站任意版本均支持使用自适应功能

三、设置教程

1. 复制自适应模板

在建站管理后台【概况】中点击电脑网站【去设计】。

进入电脑版设计页面后,点击页面左上角的【极速建站】按钮。

1.4 进入极速建站页面后,点击左上角的【自适应模板】,然后选择行业,挑选喜欢的模板进行【预览/使用】。

2. 网站设计

2.1 复制了自适应模板后,通过网站设计页面左侧的【模块】按钮,对通栏、通栏列、模块进行增加、删除、修改的操作,以此设计您的网站内容。

2.2 在设计网站的过程中,记得随手保存,可通过点击右上角的【保存】按钮,或是直接按快捷键Ctrl+S保存。

2.3 点击右上角【预览】按钮可对网站设计效果进行预览。

2.4 预览时可切换电脑/平板/手机三种视图,还可扫码二维码直接在手机上进行预览。

3. 网站管理

在网站设计页面的左上角,可以点击进入【网站管理】后台,对您的产品、文章、图册等网站数据进行增加、删除、修改操作。

如何设置会员登录跳到指定地址?

内容大纲

一、登录后跳转有什么作用?

二、功能说明

三、如何设置会员登录后的跳转地址

四、注意事项

一、登录后跳转有什么作用?

目前默认会员登录后的返回登录前页面,但是我们可以自定义设置会员登录后跳转到其他指定地址。比如登录会员账号后跳转到一个会员活动产品的分类页、详情页,或者会员福利介绍页面。通过跳转活动页面,吸引会员留存。

二、功能说明

【版本】中级版及以上版本

三、如何设置会员登录后的跳转地址

进入网站管理后台,如图将【登录后跳转-会员登录后地址】设置为自定义,然后设置登录后跳转地址(手机网站和电脑网站分别设置的哦)。

电脑网站可以跳转以下链接类型。

手机网站可以跳转以下链接类型。

 

四、注意事项

1. 设置后记得保存。

2. 记得开启会员登录入口。

3. 下载文件模块、设置了会员浏览权限的栏目,在这些页面登录不会受自定义跳转的影响,在这几个页面登录依然会停留在当前页面。

第三方平台购买证书-步骤三:上传证书文件

一、教程介绍

实现网站域名的HTTPS化一共有三个步骤,分别是:

1. 购买证书

2. 添加证书记录

3. 上传证书

本教程指引第三步:上传证书操作流程。

点击查看:https设置完整版教程

二、上传证书

 

1. 回到您的企业中心,点击【管理中心-企业网站-进入管理】。

2. 在【网站域名-绑定域名-网站域名】中找到购买了SSL证书的域名,点击域名右侧的【https管理】。

* 手机版域名在【网站域名-绑定域名-手机版域名】中找到购买了SSL证书的域名,点击域名右侧的【https管理】。

3. 进入https管理页面后,将刚刚解压出来的key文件和crt/pem文件上传到对应位置。

 

*手机版操作步骤相同:进入https管理页面后,将刚刚解压出来的key文件和crt/pem文件上传到对应位置。

4. 证书上传后,域名的https状态会更新为“证书部署中”,这个时候耐心等待证书部署完成即可,无需进行操作。

(注意:“证书部署中”时,需保证域名可以正常访问,否则无法成功部署证书;如域名无法正常访问,请检查域名解析是否暂停)

5. 证书部署完成后,就能够看到证书的状态为“已支持https

四、相关教程

 

本教程指引第三步:上传证书操作流程。

点击查看:https设置完整版教程

第2二步教程: 添加证书记录

第三方平台购买证书-步骤二:添加证书记录

一、教程介绍

实现网站域名的HTTPS化一共有三个步骤,分别是:

1. 购买证书

2. 添加证书记录

3. 上传证书

本教程指引第二步:添加证书记录操作流程。

点击查看:https设置完整版教程

二、添加证书记录

1. 购买完证书后,需要到域名管理平台添加获取的证书TXT记录,以下介绍三个常用平台的操作,点击蓝色字体查看。

情况一:域名在企业中心购买(点击查看教程

情况二:域名在阿里云购买(点击查看教程

情况三:域名在腾讯云购买(点击查看教程

2. 添加完记录后回到UCLOUD中,等候大约20分钟后,刷新当前网页获取最新状态。

(实际颁发证书的时间,以平台显示为准,请您耐心等待,若超过一天建议联系平台核实证书未颁发情况)

3. 当状态显示为“订单完成”时点击【下载】按钮,进入证书下载页面。

4. 在证书下载页面选择【Nginx】再点击【下载证书for pem】按钮。

5. 下载后会得到一个压缩文件包,将证书压缩包文件解压。(建议解压到桌面方便使用时快速找到,部署完毕可直接删除)

*解压后获得3个文件夹,进入名为“Nginx”的文件夹,里面会有2个文件(.key文件和.pem/crt文件),您需要使用到这两个文件。

点击蓝色字体查看下一步教程【3. 上传证书

如何获取AppSecret

一、功能效果

填写公众号Appsecret有什么用呢?

公众号Appsecret可用于微信支付、自定义微信分享样式、微信登录等功能的设置。

二、获取AppSecret教程

1. 登录微信公众号,进入到【设置与开发-基本配置】中点击【启用】开发者密码(AppSecret)。

注意:如之前已启用过开发者密码,【启用】位置文字显示为【重置】。

2. 公众号管理员进行扫码确认身份。

3. 输入公众号的登录密码和验证码后点击【下一步】。

4. 复制已生成的AppSecret并填写到建站管理后台需要填写的位置。

手机版网站如何添加爱番番代码(百度商桥代码)

百度商桥的使用:

目前百度限制了爱番番(即百度商桥)的使用,不再支持免费使用。需付费开通百度推广,才可以使用。如何开通百度推广,可咨询百度客服

一、功能介绍

百度商桥是常用网站商务沟通与统计工具,手机版网站同样支持添加百度商桥,效果如下图:

二、具体操作步骤如下

1. 打开爱番番官网(https://aifanfan.baidu.com/),切换至百度原账号登录。如下图:

2. 点击右上角“爱番番沟通”,进入新页面。如下图:

3. “爱番番沟通”页面中在沟通工具中接入域名。如下图:

4. 在“站点设置”中获取代码,【复制代码】按钮,根据代码说明,将复制的代码粘贴到网站添加代码的位置。如下图:(注:添加代码位置为6步骤) 

5. 登录网站后台,进入“管理手机网站”

6. 进入手机版网站后台,系统设置—高级设置—网站插件代码,勾选并添加代码,保存效果

(注:如果已经插入过其他代码,不用删除原有代码,直接粘贴在原有代码下方即可!)

7. 安装正确后,查看手机版网站,自动会出现咨询提示框,如下图所示:

【会员登录】使用微信登录网站

内容大纲

一、微信登录的作用

二、功能说明

三、如何开启微信登录功能

1. 功能开启路径; 2. 开启微信登录入口;

3. 替换登录时显示的标识

四、常见问题

五、推荐教程

一、微信登录的作用

 

电脑版:打开微信扫一扫,扫码二维码,可直接通过微信登录网站。

手机版:在微信内打开手机网站,可直接通过微信登录网站。

便捷的登录方式,访客容易操作,提高注册量。网站获得更多的会员。

二、功能说明

【版本】任意版本均可开启微信登录功能。

【注意】

① 使用新版的PC微信登录方式,会员在PC和手机端进行微信登录,将登录同一个账号。

② 开启微信登录功能后,在手机浏览器上访问手机网站,是不显示微信登录按钮的,只有在微信中访问手机网站才会正常显示微信登录按钮

③ 无论电脑网站还是手机网站开启微信登录,都需要手机网站主域名是可以正常访问的状态,才可以正常使用微信登录功能。

三、如何开启微信登录功能

1. 功能开启路径

网站管理后台,如图将【微信登录】开启并勾选“手机网站、电脑网站”。

2. 开会员微信登录入口

开启微信登录功能后,需要在网站中开启会员登录入口,访客才能使用微信登录。

入口一:会员登录条

电脑版/自适应电脑版开启会员登录条的路径

在网站设计页面导航点击【设置-基础设置-常用组件】将【会员登录条】勾选开启。(记得保存)

手机版/自适应手机视图开启会员登录条的路径

手机版:在设计页面点击网站顶部【编辑顶部-顶部样式】,选择顶部图标为【会员中心】。

自适应手机视图:在设计页面鼠标移动至顶部,点击【设置样式】,将【会员登录】设置为“显示”。

入口二:网站侧栏

入口三:会员登录模块

3. 替换授权时显示的标识

 

以上完成后用户就可以通过微信授权登录网站,但此时使用微信登录的话默认显示的是建站的登录标识。

如果需要修改为显示您的公众号,需设置“替换微信登录标识”。

四、常见问题

Q:如果客户是用微信登录的,绑定了会员账号,然后管理员在后台把他的会员账号删除了,客户使用微信登录的时候是否可以正常登录?

A:可以。

Q:在手机浏览器上访问手机网站,不显示微信登录按钮,这是正常的吗?

A:正常的,只有在微信打开网站才会正常显示微信登录按钮, 其他的浏览器都是访问后不显示的。

 

Q:会员使用微信登录,管理员是否可以获取会员的微信账号?

A:不可以,只可查看到微信昵称。

Q:使用微信登录自动生成的网站会员账号与微信账号是否有关系?

A:无关的,会员账号由系统自动生成的。

Q:手机网站使用微信访问才会有微信登录的,这个情况是建站功能的问题还是微信限制的呢?

A:是微信的机制。

Q:初次使用微信登录后能不能让用户自己填写会员账号,不由系统自动生成?

A:初次使用微信登录是自动生成会员账号的,客户可以修改一次会员账号,或者绑定已有的会员账号,修改可以进入【会员中心】在【我的资料】中进行修改。

Q:手机网站微信登录后,多久后会触发重新登录呢?

A:微信登录看缓存的,微信会不定时自动清除缓存信息的,具体的时间规则看微信平台机制。(今天打开网站微信登录,关闭了,明天重新打开,有可能是需要重新授权登录的)

五、推荐教程

QQ登录设置教程

新浪微博登录设置教程

如何将视频转码为mp4格式

一、功能效果

 

目前【在线视频】模块支持三种文件类型:本地添加、通用代码、视频地址。

使用“本地添加”上传时,电脑版网站支持上传flv、MP4格式的视频,而手机版网站仅支持MP4格式的视频。

因为视频的格式有很多种,常见的如rmvb,avi,mkv,3gp,mov等,往往我们下载的视频格式并不是自己需要的,那么我们就需要视频转码。

正确转码之后上传的视频能避免出现视频无法正常播放的情况。

二、功能说明

【注意】需要先在电脑安装【格式工厂】软件

三、操作教程

1. 电脑(PC端)安装【格式工厂】,打开格式工厂,点击【视频-MP4】。

2. 点击【添加文件】,选择需要转码的视频文件。

3. 在【输出配置】中设置参数。

视频流-视频编码:AVC(H264)

屏幕大小:根据自身需求选择即可

视频流-码率:1M

视频流-每秒帧数:25

音频流-比特率:192k

4. 选中文件。

5. 点击【开始】等待转码完成。

5. 完成后,点击“文件夹按钮”,可打开转码后的视频所在的位置。

6. 然后就可以把转码出来的MP4视频文件上传到网站中使用了。

【商城】电子券码产品功能介绍

一、功能介绍

【使用场景】

① 教育培训相关行业:商家将教程上传到网盘,买家付款后自动发送网盘链接和提取码,买家可自行提取并观看教程。

② 其他行业:适用于激活序列号、账号密码、游戏点卡、充值卡密等多种无需物流的产品销售,支持一物一码自动发货,让商家经营更省心。

【功能亮点】

① 无需物流,轻松实现自动发货:添加产品时可设置自动发货内容。买家购买后,系统将自动发货。

② 虚拟卡密,卖完还能补库存:支持自定义卡密内容,买一件发一件,还能管理卡密库存。

③ 全面兼容商城功能:支付多种支付方式,还有多样化营销活动,更有丰富商城功能为你的经营保驾护航。

二、功能说明

【版本】商城豪华版及以上版本

【适用】小程序+手机网站+电脑网站均支持使用

             卡券票务仅支持小程序+手机网站

【限制】不支持在社区团购活动中使用

【注意】微信不支持ios用户在小程序进行虚拟商城交易

三、设置教程

1. 开启电子券码产品功能

1.1 进入商城管理后台,点击【产品-产品类型-电子券码】开启功能。

2. 编辑电子券码产品

2.1 开启功能后,在添加产品时可选择产品类型为“电子券码”。


3. 券码设置

3.1 填写完产品基本信息后,可设置券码的发货类型。

 指定内容(下载链接):适用于教程、视频、网盘分享链接等产品。不同的买家购买同一件产品,均发送一样的内容给买家。

将链接内容填写到“指定内容”中:

若未设置“发送内容”,订单无法自动发货,需要商城管理员手动操作发货来输入订单发货内容

发货后用户订单界面如下:

 虚拟卡密:适用于激活码、游戏点卡、充值卡等产品。
需先按照规范整理卡密信息并上传Excel,上传后系统将自动识别卡密数量,商家可在后台直接管理卡密。如何批量导入卡密

用户订单界面如下:

③ 卡券票务:适用于酒旅、票务、服务等行业。

买家下单后,订单详情页内提供核销码,线下提供给商家进行核销,支持一物一码,多次核销。(具体操作点击查看详情

    

4.电子券码产品结合活动

电子券码产品支持参与短视频导购、组合套餐、定金预售、积分商城、限时促销、拼团、砍价、秒杀等多种营销活动,也支持参与推广员等分销模式,助力商家轻松成交

 

5. 关于iOS付费的特殊说明

电子券码产品交易属于虚拟支付,而微信小程序iOS端不支持虚拟支付。(以下说明只针对iOS端,安卓端可正常使用)

因此,关于iOS付费,有以下3种选择:

①关闭通道:关闭iOS付费通道后,买家使用苹果手机访问小程序,无法加购电子券码产品,相关价格信息也会被隐藏。

②改为免费:iOS端所有电子券码产品价格为0,买家使用苹果手机访问小程序,可免费购买电子券码产品。

③开启通道:买家使用苹果手机访问小程序,可正常购买电子券码产品。但这样有封禁风险,建议谨慎开启。若一定要开启,建议商城小程序审核通过后再选择开启。

点击链接了解“关于ios端虚拟支付的完整版微信规范”:https://developers.weixin.qq.com/community/operate/detail/1006

四、常见问题

Q:电子券码产品是否支持参与营销活动和分销推广?

A:支持所有营销活动,但在“限时促销”、“组合套餐”中,无法与实物产品一起作为活动产品;

      支持参与分销推广,支持作为分销产品/推广产品。

Q:电子券码产品是否支持使用产品规格?

A:不支持

Q:购买电子券码产品使用的支付方式是否有限制?

A:仅支持线上支付方式,包括:支付宝、微信、Paypal、余额支付。

Q:电子券码产品自动发货后,订单是否可以申请售后退款?

A:暂不支持售后退款。

Q:电子券码产品功能和配送方式功能,是否有冲突?

A:有冲突,电子券码产品本质是“无需配送”的产品,不支持配送方式(同城配送、到店自提、快递发货)。

20240320功能更新

一、自适应-放大镜特效支持更换图标
【支持端口】
自适应站点
【使用场景】

自适应图片、列表多图、轮播多图、图册展示、产品展示、文章列表模块中的图片特效-放大镜现已支持自定义图标,在鼠标移动过程中切入或淡入图标,是一种既高级又炫酷的视觉效果。

【详细说明】

 

1. 点击“动画设置”

2. 点击“放大镜”特效

3. 点击“添加图标”

二、表单手机号&whatsapp客服增加更多地区区号选择
【支持端口】
电脑站点、手机站点、自适应站点
【使用场景】

表单&whatsapp客服补充丹麦、希腊等163个地区的区号,提升国际用户使用体验。

 

【详细说明】
1. 添加友情链接模块
2. 选平铺样式,支持设置显示不同的列数

 

三、补充自适应列悬停功能素材

【支持端口】
自适应站点
【使用场景】

自适应端新增经典的列悬停效果素材,在新增素材中点击即可添加,设计更方便更快捷。

【详细说明】
以下为本次新增的素材: