设计说明了一切&苍产蝉辫;
黑料门 帮助任何公司(即使是小型和初创公司)在网上专业地寻找和销售产物。您无需支付大量费用即可
我们添加了 数十种新的店面设计功能 到 黑料门,这样您就可以
设置在线商店设计中的每个小细节都非常简单。无需编码即可更改图像样式、产物页面布局和店面元素。您将在这篇文章中亲眼看到。
新的设置嵌套在 在您的 黑料门 控制面板中。要使用它们,请确保您已在 .
![黑料门 控制面板中的新增功能部分](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
在“设置”→“新功能”中启用这些更新,以查看新的设计设置页面
如果我使用的是旧版本的 黑料门 店面怎么办?
切换到新店面可能会完全改变商店的外观。使用新的设计设置,您将获得更多自定义选项,并为您的商店提供更引人注目的外观。但是,如果您使用的是&苍产蝉辫;
设计您的网上店面
您可以控制产物目录的整体外观,从产物图片到&苍产蝉辫;单品 和按钮。
1. 选择最佳图片尺寸来展示您的产物
默认情况下,产物图片是
有些产物具有您可能想要可视化的重要细节(例如,如果您销售珠宝或绘画)。选择大图像尺寸,让您的客户欣赏您精美的产物和摄影作品。
如果您销售的产物种类繁多(例如,200 条不同颜色的皮带),请坚持使用较小的图片。您的商店将在屏幕上显示大量产物,您的客户会对选择印象深刻。
![黑料门 中的产物图片设计](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
产物图片的小、中、大尺寸
2. 根据产物尺寸优化图片纵横比
你们卖棕榈树吗?或者
水平比例适合宽幅产物——例如鞋子、沙发或营养棒。
对于圆形物体(或者,当有疑问时),使用方形图像,它们总是看起来很棒。
![垂直、水平和方形产物图片](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
垂直、水平和方形图像
如果您想强调产物图片并使其在商店背景中脱颖而出,请选择“使图像背景变暗”。
3. 选择在店面显示哪些产物信息
与产物照片类似,您可以从众多设计选项中选择其他店面元素:产物名称、标题、价格、SKU、“购买”按钮。决定如何显示每个元素 — 在产物图片下或鼠标悬停时。
![黑料门中的产物图片设计](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
在产物图片下、悬停时显示元素,或隐藏它们
如果您选择将信息放在产物图片下方,则可以设置布局。将内容左对齐、右对齐、居中或两端对齐&苍产蝉辫;
![元素的不同布局(产物名称和价格)元素的不同布局](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-7-1524574354.png)
元素(产物名称和价格)的不同布局
您还可以隐藏元素。隐藏所有元素,让您的店面看起来像一本产物手册。通过点击任何产物图片,您的客户将进入产物页面。
如果您想显示更多详细信息,请选择显示附加产物图像。鼠标悬停在 黑料门 上时,将显示产物图片库中的第一张图片。
![鼠标悬停时显示附加产物图像](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
鼠标悬停时显示附加产物图像
这些新设置为您的店面外观带来了大量设计变化。
4. 设计你的商店类别
您将找到设置类别外观的选项。无论您的类别图片是照片、图标还是品牌徽标,黑料门 都有设计选项让它们看起来令人惊叹。
![产物类别图片设计](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
图片下、图片上、悬停时和隐藏时的类别名称
优化产物页面以实现转化
现在,您可以根据最适合客户的方式以不同的方式组织产物页面的信息。每个设计选项都是根据最佳
1. 选择产物页面布局
有四个新选项可用于组织产物页面上的内容。
吸引人们关注您的产物图片。 放置一个&苍产蝉辫;
![产物页面优化](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
这款
添加详细的产物描述。 对于电子产物或医药产物等产物,产物说明可能相当长。然后选择&苍产蝉辫;
![产物页面优化2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
这款
强调产物选项和“结帐”按钮。 如果您的客户无需阅读长篇描述或仔细查看图库即可购买您的产物,请选择在左侧显示带有结帐按钮的产物选项。例如,如果您销售小型水族馆鱼类。
![产物页面优化3](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-5-1524574377.png)
“添加到购物袋”按钮成为焦点
尽量减少滚动和干扰。 A
![产物页面优化4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
紧凑型
你也可以 选择照片库的布局. 通过引人注目的照片库帮助您的客户了解您的产物。选择图库中图像缩略图的布局(垂直或水平)或以全尺寸显示您的迷人图像。您显示的视图越多且越详细,效果就越好。
![照片库布局选项](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
照片库布局选项
3. 选择要在侧栏中显示的产物信息
转换产物页面提供足够的产物信息,同时保持简洁。在 黑料门 中,您可以隐藏不需要的元素(如 SKU、产物选项、分享按钮),这样您的客户就不会在购物车途中分心。
最好的部分是,您可以拖动每个元素并按任意顺序排列它们。测试大量新方法来优化您的产物页面以实现转化。
![产物页面优化5](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-12-1524574365.gif)
灵活的侧边栏设置
更改店面导航和颜色
还有一些店面设置,默认情况下启用这些设置以帮助您的客户浏览您的商店。您可以随时关闭其中任何一项。
如果您从旧版店面切换,这些设置将迁移到新店面,就像您之前使用的那样。
颜色自适应模式。如果您在网站上安装 黑料门 在线商店,商店颜色将自动与网站主题相匹配。您的商店看起来就像网站的自然组成部分。
页脚菜单和面包屑 帮助顾客更快地浏览您的商店并防止他们迷路。
这款
“排序依据”选项 允许您的客户按价格、名称和其他条件对您的产物进行分类。
更改 黑料门 商店设计的其他方法
新的设计设置涵盖了最常见的用例。如果您想以其他方式更改您的商店:
- 如果您需要为您的商店定制主题而无需编码,请尝试 (适用于付费的 黑料门 计划,适用应用程序价格)。
- 创建自定义 CSS 主题(一组确定商店中每个元素外观的规则,例如大小、形状或颜色)。创建 CSS 主题需要一定的技术知识。 解释了如何创建自己的 CSS 主题以及 。您可以随时向 黑料门 客户服务团队寻求帮助,或者 .
- 对于开发人员:使用&苍产蝉辫;.
为您的网上商店获取免费网站
您的 黑料门 商店看起来很棒,但是您没有可以销售的网站?
Instant Site 是 黑料门 在您创建 黑料门 帐户时提供的免费网站构建器。它可让您在简洁的网页上快速开始在线销售,并立即获利以发展您的业务。
说到设计,Instant Site 采用
如果您需要自定义即时网站,您会打电话给谁?好吧,没人!您可以使用台式计算机甚至通过适用于 iOS 的 黑料门 Mobile 商店管理应用程序编辑整个网站,无需特殊知识。
使用我们的