进阶分页

SHOPLINE_____.jpg
 
「进阶分页」的功能简单易用,轻松排版,深受新手店主喜爱。店主可以选择系统预设的样板或空白页面开始设计您的分页。利用 Drag-and-drop (拖曳)功能组合横额、图片、影片、文字等元素,创造独一无二的网店版面。
 
此文章将简介:
 
 
首先进入「网店分页」> 点选增加「进阶分页」按钮 > 选择您喜爱的样板
 
系统提供不同的样板让您参考使用。您可以选择其中一个或点选空白的自己稍后进行排版
 
 

 

一、 添加新元件操作示范

 
在左方的目录选单中的功能元件(下称为元件),您可以拖拉希望加入的元件到您喜欢的位置
 
拖拉元件到编辑工作区时,会以绿色区块显示元件能够放下的位置
 
 
 
 

 

二、 新增文字段落 

Screen_Shot_2016-03-10_at_11.21.17_pm.png
放下元件后会显示我们预设的文字范例:
 
编辑文字时,请点选要编辑的文字元件,左侧会显示编辑文字工具
 
功能支援:段落工具、文字风格(粗体、斜体、底线)、文字对齐、清除格式、文字连结、字体颜色、字体大小
 
 

文字加入超连结

 若您有需要在文字上加入超连结,请参考以下步骤来加入:
 

步驟一

反白选取欲加入超连结的文字,接著按下「连结」按钮
 
SC_2_step1.png
 
 

步驟二

系统会跳出视窗,请输入您的网址,
 
并选择要「当前页面开启连结」还是「另开视窗开启连结」,接著按下「确定」
 
 
 

步驟三

最后请按下「确定」> 「保存」
 
SC_2_step3.png
 
 
 

 

 三、 新增文字及标题

_____2017-02-21___3.40.32.png
放下元件后会显示我们预设的文字范例
文字块分为两个部份,上方为「标题」;下方是「描述」
标题和描述需分开编辑,与文字元件相同,请点选要编辑的文字元件,左侧会显示编辑文字工具
 
 
 
 

 

四、 新增图片项目 

你可以添加一幅图片或以幻灯片形式展示多幅图片,在弹出的选项框中上传新的图片并按拖动排序。
您还可以为每一张图片设置不同的 URL 连结,当用户点选图片的时候就会自动打开连结。
 
 
 

设定全宽图片模式

 按图片 > 左边选单点选「设定」> 于图片设定勾选「显示全宽图片模式」,不勾选则变回原来大小。
 
 
 
 

 

五、 新增影片项目

新增YouTube 影片 

直接复制 Youtube 影片连结,放入元件中。
 

新增VIMEO影片

直接複製 Vimeo 影片连结,放入元件中
 
可在设定中选择影片自动播放、循环播放,以及影片大小及比例。
 
注: 最新版本的Google Chrome防止影片自动播放,如需更改您的设定,请到 chrome://flags/#autoplay-policy。
 
 
 

 

六、 新增单一商品展示

选择您想展示的单一商品(可使用商品名称或是标签搜寻您想选择的商品后)> 点选「保存」
 
 
选取完后会出现在左方编辑区的内容中,可以点选「修改商品」更换其他商品
 
 
「描述位置设定」是设定商品名称及价格是在元件区块的放置方式
预设是置左,可以更换置中或置右
 
 
 
 

 

七、 新增分类商品展示

选择您想展示的商品分类(如「精选商品」)
 
 
您可于分类设定选择是否显示加入标题、描述、快速加入购物车功能;以及每页显示的商品数量,其预设为自动显示分类裡排列最前的 24 件商品。
 
 
若您勾选启用「快速加入购物车」功能,顾客在页面前台可透过点选「加入购物车」按钮直接将商品加入购物车并继续浏览该购物页面,不需再跳至单个商品页面进行选购。
 
instant_add_to_cart_-_zh_demo.gif
 
 
 

 

八、 新增 Facebook 专页框

输入您的 Facebook 专页网址
 
 

 

九、 新增地图

map_icon.png
左侧选单出现 Google Map > 搜寻地址 > 按「确定」
insert_map.gif
 
了解其他新增地图的方法
 
 

 

十、 新增Instagram

ig_icon.png

 

步骤一

 在弹出选单按「授权应用程式」按钮 
 
 
 

步骤二

 导向至 Instagram 登陆页面 > 输入个人密码
ig_2_.png
 
 

步骤三

 按 "Authorize" 按钮继续 
ig_3.png
 
 

步骤四

 页面会重新转到后台,店家可以点击方块 > 按「取消连接」中断与帐号连结
 
 
 
 

 

十一、 新增二维码

qr_code_icon.png
 
在弹出选单输入连结 > 按「确定」
 
qr_code_.gif
 
 
 

 

十二、 新增H1标籤

Screen_Shot_2018-09-19_at_2.50.55_pm.png
一个内含默认文字的文字框会出现。
 
 
点击文字框以编辑。文字编辑工具会在编辑器的上方提供。
 
 
请注意,每页只限使用一次H1标籤,如要更改使用位置,请移动原有的H1标籤。
 
 

 

十三、 其他设定及功能 

 

1. 为分页命名

左侧蓝色「目录」按钮 > 「分页设定」下的「分页标题」> 输入分页名称
 
 

 

2. 设定SEO内容

 左侧蓝色「目录」按钮 > 「SEO设定」> 输入标题、简介、关键字及描述性URL
 
了解更多关于 SEO 资讯
 
 
备注:如果不建立双语言页面,可以只填写预设语言的分页标题
 
 

 

3. 预览功能

 您可以随时预览你的设计及排版,点选右下角绿色的「预览页面」按钮进入预览功能
 
 
进入预览功能后,您可以选择查看网页在不同的行动装置上的显示效果
由左至右分别为:手机、平板、电脑
 
 
您的网页都可以自动适应
 
 
完成所有编辑后,记得按右下角的「保存」按钮保存页面! 
 
 
 

 

十四、 复制进阶分页

针对已完成的进阶分页,店家也可以在列表中,复制进阶分页来修改新的活动要使用的页面。
所有的元件将会同步被复制到新的分页中,包含名称、URL、SEO设定等,请记得在製作新页面时将内容修改为最新的资讯!
请注意,只有进阶分页能够使用复制的功能,文字分页是无法使用的。
 
 
 
还有其它问题?提交请求

评论