BigCommerce 商店开发终极分步指南 [2023]

已发表: 2023-09-29

建立电子商务商店? 这可不是一件小事! 您手工打造电子商务商店的热情很快就会消退,需要在技术、资源和梦想之间找到平衡。

难怪,人们喜欢使用 BigCommerce 开发解决方案等方便的工具来构建他们梦想的在线商店。

令人惊奇的是,BigCommerce 在线商店是如此实用。 它资源丰富,拥有电子商务领域的新技术进步,几乎可以满足所有需求。

今天,我们将探讨 BigCommerce 作为电子商务平台的潜力。 这将是 BigCommerce 商店开发的完整指南,因此您不会破坏 15 天的免费试用期,在互联网上进行搜索以确保从第一天起就拥有完美的商店。

目录

为什么 BigCommerce 是被广泛选择的电子商务平台?

第 1 步:创建 BigCommerce 帐户

步骤 2:创建产品

步骤 3:设置主题店面

第四步:设置商店标志

步骤 5:主页轮播和商店的通用视图

第 6 步:启动您的在线商店

第 7 步:营销、分析和管理

BigCommerce 成为广泛选择的电子商务平台的原因

让我们熟悉 BigCommerce 功能并探索 BigCommerce 在线商店开发提供的功能。

  • 您不需要为 BigCommerce 商店开发进行编码,这并不意味着您可以完成的任务有限制。 它允许您创建一个完全托管的网站,具有完全可定制的 BigCommerce 主题。 您将获得一个拖放式网站构建器和一个用于测试的内置 Stencil CLI 工具。
  • BigCommerce 开发解决方案通过无头软件灵活性为其用户提供了大量机会。 此外,该平台使用API​​连接CMS(内容管理系统)和DXP(数字体验平台),而仅保留后端; 这意味着您可以选择您喜欢的 CMS 或您已经在使用的 CMS(例如……HubSpot)。
  • 内置工具: SEO 工具、Staging Pro、Stencil CLI 测试工具、高性能 API、搜索工具以及大量其他工具可以通过 BigCommerce 商店开发完善您的技术堆栈。
  • 全面的产品创建: BigCommerce 开发解决方案是一个著名的电子商务平台,其强大的工具集(包括产品创建等功能)是其在电子商务行业享有盛誉的关键因素。
  • 多店面:不仅仅是一个,您可以通过一个 BigCommerce 帐户创建和管理多个店面作为您的子公司。
  • 跨渠道电子商务:借助 BigCommerce 开发服务,您可以在热门市场 eBay、Amazon 和 Google Shopping 上进行销售; 甚至关注 Facebook、Pinterest 和 Instagram 上的热门社交商务。
  • 面向行业的解决方案:时尚/服装、健康与美容、制造、汽车、批发、B2B、CaaS、SaaS 等; BigCommerce 可以促进各种在线销售。
  • 生态系统:它提供一系列精选的集成,将不同平台连接到 BigCommerce,并提供数百个应用程序来扩展您的功能。
  • 完整的电子商务解决方案:税务、网关集成、运输、退货和退款、产品目录、联系人管理、营销自动化、分析和后端; 通过 BigCommerce 在线商店开发,您可以获得所需的一切。

第 1 步:创建 BigCommerce 帐户

只需大约 5 分钟即可创建 BigCommerce 帐户并开始 BigCommerce 商店开发的 15 天免费试用。

创建大商务帐户

按照要求输入您的个人信息。 之后,在下一页上,您还需要提供有关您的电子商务商店的信息 - 您的业务规模、网站信息和业务性质。

设置商店资料

在这里,您迈出了 Bigcommerce 商店开发的第一步。

大商务控制面板

您与 BigCommerce 开发服务的第一次交互将是这个入门屏幕,它建议构建 BigCommerce 商店的初始步骤。 某些配置可能会有所不同,具体取决于您在设置帐户时提供的详细信息。

在这里,您可以告诉 BigCommerce 网站建设者您要销售什么、您喜欢以什么方式销售,并对商店的美观和功能实施各种定制。

一旦您完成了 Bigcommerce 在线商店的开发,那么这将作为您的仪表板页面。 在底部,您可以查看商店绩效,包括访问量、转化率、订单和收入等指标。 该报告仪表板可以按日期范围自定义,也可用于与过去的数据进行比较。

选择 BigCommerce 计划

大商务定价

BigCommerce 定价主要取决于您的业务规模,这就是您应该如何决定计划的方式。 标准计划旨在将事情控制在初创公司和小型企业或只想在本地建立在线业务的企业的预算范围内。

如果您的销售额已经很大,那么您必须考虑购买PlusPro BigCommerce 计划之一。

当您从这两个 BigCommerce 定价计划中进行选择时,您将真正受益于以下内容。

大商务功能

购买其中一项 BigCommerce 套餐后,您就可以决定您的域名。 您可以仅使用插件或集成在 BigCommerce 购买域名,也可以使用 Google Domains、GoDaddy、Hostlinger 或 Namecheap 等外部平台,并将其与您的 Bigcommerce 开发解决方案集成。

如果您从 BigCommerce 购买域名,则可以省去集成域名或执行 DNS 将您的域名链接到 BigCommerce 的麻烦。 在 BigCommerce 中拥有您的域名还可以为您提供随处免费的 SSL 加密。

从哪里开始?

首先提供有关您的商店和企业所在地的准确信息。

为此,请转到“设置” ,然后在“设置”部分下找到“商店配置文件”。

配置文件设置

在这里,您还可以选择其他设置选项,如果您清楚地了解各个选项,则可以选择实施它们:

  • 商店简介:提供公司地址、电子邮件地址(自动生成)、默认语言和国家/地区。
  • 货币:选择 BigCommerce 支付提供商之一的默认货币(需要网关集成)。 您还可以灵活地添加和提供更多货币。 此外,您可以根据需要为特定国家/地区建立默认货币。
  • 付款方式:会有选项 - 离线/在线付款方式以及 BigCommerce 支付提供商的数字钱包。 要向您的客户提供付款选项,您可以在设置 BigCommerce 付款提供商时设置以下选项:
    • 货到付款:选择您想要提供货到付款的国家/地区。
    • 银行存款:提供帐户详细信息。
    • 支票、汇票和店内付款:提供“如何操作”的说明。
    • Apple Pay 和 Google Pay:设置数字钱包。
    • 在线支付方式:设置 BigCommerce 支付提供商和网关。

支付网关集成选项将根据您的企业所在的位置/国家/地区而有所不同。 BigCommerce 开发服务提供 Stripe、PayPal、Adyen、CCAvenue、Amazon Pay 以及更多知名网关。

  • 位置:列出产品后,设置库存库存位置。
  • 取件:选择取件方法并设置包裹的取件方式。
  • 税务:配置税务设置或添加您使用的税务服务。

注意:每个设置都可以稍后更改。 如果您不确定 BigCommerce 电子商务开发过程中的特定设置,可以选择跳过它并稍后进行配置。

第 2 步:创建产品

我觉得,在设置主题和配置整个商店之前创建产品可以理顺你的思维。 它还可以让您清楚地了解合适的商店外观,并帮助您从 BigCommerce 主题市场中选择正确的主题。

在 bigcommerce 中添加产品

添加/创建产品

BigCommerce 拥有令人惊叹的产品创建机制。 从左侧主菜单转到“产品”选项卡。 在此之下,您将找到用于创建、管理和自定义产品的所有选项,并通过您的 BigCommerce 商店提出独特的价值。

您可以选择是否使其在店面中可见(顶部的复选框)或不使其可见(如果您正在测试其工作原理)。

在这里,您可以通过决定以下内容来配置 BigCommerce 要素并自定义您的产品库和产品本身:

  • 基本产品信息:产品名称、SKU(库存单位)、物理或数字、默认价格、品牌名称和重量。 这还包括可以添加的类别、带有富文本编辑器的产品描述以及产品图像和视频。
  • BigCommerce 定价工具:包括税费、销售价格、成本、批量定价、库存等。
  • 产品标识符和库存:更好的产品和库存管理。
  • 变化和定制:产品选项或客户的特殊输入。
  • 店面:添加搜索功能的关键字、产品可用性文本等。
  • 自定义字段:添加其他字段来描述您的产品。
  • 相关产品:显示相关项目。
  • 履行:产品尺寸/重量、运费、可购买性等。
  • SEO 和共享:元标题、描述、自定义 URL 等等。

请记住,您将来随时可以编辑您的产品。

导入/导出产品数据和 SKU

如果您要迁移到 BigCommerce 开发服务并以 CSV 文件的形式或将产品存储在服务器上,只需转到“导出”选项卡即可。

此外,您可以直接在 BigCommerce 中导入或导出 SKU 数据。 在“产品”选项卡下列出的选项底部可以找到此选项。

产品评论

顾名思义,所有评论的列表都将在这里。 您可以批准您想要在特定产品页面上展示的评论,否则不批准它。 然而,这并不属于 BigCommerce 的必需品,只有拥有专业版套餐才能访问 Google 评论。

除此之外,您还拥有更多用于产品配置的 BigCommerce 功能,以将 BigCommerce 在线商店开发提升到一个新的水平。

第 3 步:设置主题店面

从这里开始您真正的 BigCommerce 主题开发。

凭借 BigCommerce 主题,

  • 您可以创建新页面。
  • 使用 BigCommerce 设计自定义您的店面。
  • 设计 BigCommerce 电子商务商店的外观。

让我们深入了解 BigCommerce 设计功能的功能,并探索如何使用 BigCommerce Web 开发来设计您的商店。

BigCommerce 主题市场与开发

页面构建器

BigCommerce 主题开发涉及很多内容,选择适合您业务风格的最佳主题非常重要。 明智地选择它!

以下是导航到主题的方法 -店面>主题。 上图显示了您在 BigCommerce 中获得的默认主题。

要更改主题,您可以导航到 BigCommerce 主题市场并从那里提供的大量主题中进行选择。

bigcommerce-主题-市场

BigCommerce 页面生成器如何工作?

bigcommerce 页面构建器

BigCommerce Web 开发提供各种自定义功能。 如果您不确定如何进行此操作,让我们首先澄清页面构建器的工作原理:

  • 网站上的所有内容以及页面构建器左侧可见的元素都称为小部件。 您可以从页面构建器菜单中自定义、删除或添加新页面。
  • 将小部件拖放到此处”是页面布局中当前的可用空间。 如果空间不足,您可以添加布局。
  • 在左侧,您将能够看到标签“全球区域”,这意味着此处添加的任何小部件都将在网站的所有页面上可见。
  • 您可以通过单击“页面:主页”下拉菜单在 BigCommerce 上创建更多页面

创建新页面

现在,让我们转向您可以使用 BigCommerce 开发解决方案进行的主流定制。

使用页面生成器进行 BigCommerce 主题开发

bigcommerce 页面层

BigCommerce Web 开发具有具有拖放功能的自定义小部件。 您将拥有自定义 BigCommerce 电子商务商店外观的所有访问权限和所有必要的工具。 为此,请单击所选主题上的“自定义”按钮。

在左侧,您会发现拖放小部件,它们是:

  • 布局:通过拖放布局小部件来插入一列或更多列,以创建一组不同的小部件或单个小部件(例如在主页上显示注册过程的图像或文本)。
  • 文本:它只是您可以使用富文本编辑器添加到页面的文本。
  • 图像:该小部件可用于插入图像。 您可以自定义设置,通过添加链接使其可点击并在 SEO 下添加替代文本。
  • Hero Banner:您可以决定登陆页面的URL; 背景图像及其不透明度和视差设置; 和文本编辑定制,以及描述和标题的对齐。 您可以利用此小部件将网站访问者直接带到您的产品列表页面。
  • Carousel :意思是图像滑块,可以方便图像定制和文本编辑。
  • 视频:添加 URL 以在您的网页上上传视频。
  • 产品:直接在主页上列出您最好的产品。 您可以按 SKU 或名称搜索它们,也可以自定义外观。
  • 产品集:您可以使用此在页面上添加 4 个产品。
  • 按钮:最好的用途是添加 CTA。 您可以插入链接并对其应用品牌。
  • HTML:如果您必须在网站上嵌入某些内容(例如嵌入推荐或 Google 评论)。
  • Spacer & Divider:如果您喜欢极简主义并且喜欢白色空间作为视觉辅助工具,那么 Spacer 可以提供帮助。

此外,您还可以在 BigCommerce 主题开发下自定义页面的图层

主题风格

通过主题样式下的 BigCommerce 功能,您可以调整 BigCommerce 设计的细节。

主题风格

风格可能因主题而异。 我选择了《Fortune Minimal》 ,它在风格上有很多选择。

bigcommerce-主题-风格-1

如您所见,BigCommerce 默认主题的设置较少。 但是,所有 BigCommerce 设计设置大致相同,只是分类不同。

因此,样式部分提供从网站的更大的全局部分到每一个微小的细节(例如网站的颜色对比度)的定制。 整体外观和感觉可以从主题样式部分实现。

风格主要允许您在三种对比风格之间进行选择——浅色、大胆和温暖。 然后,主标题导航菜单和页脚菜单的颜色设置。 品牌页面、产品页面和购物车页面也可以仅从此处进行自定义。

此外,您还将获得延迟加载效果,延迟加载图像和视频等大尺寸媒体,以确保网站的快速加载。 有定价定制,用于显示销售标签、零售价格标签和产品价格标签。

第四步:设置商店标志

bigcommerce-徽标设置

如果您设计了徽标,则可以在此处上传徽标,选择“上传自定义图像以用作徽标”。 此外,您还可以选择键入要显示为徽标的文本。

平面图标设置

接下来, Favicon是您在活动浏览器选项卡顶部、选项卡名称旁边看到的图标。

第5步:主页轮播和商店的通用视图

主页旋转木马是访问者首先看到的东西。 您可以使用此部分来交付您所提供的产品。 这就是为什么您会看到每家商店都使用它来促销新产品、促销活动、公告和特别优惠。

家庭轮播

使用此部分上传主页横幅并推广所需的登陆页面。 所有定制都可以从这里完成。 此外,您可以使用“样式”部分提供的“主题”设置页面。

社交媒体图标

添加社交媒体图标

表明您可以使用社交渠道,以扩大您的影响力并找到与客户建立联系的所有方式。 要添加社交媒体图标,请转到相应的选项卡并将链接添加到相应的选项卡。

网页 – 页面列表

在启动电子商务商店之前,您还需要几个页面。

  • 联系页面。
  • 关于我们页面。
  • 条款和条件。
  • 退货和退款政策。

要创建所有这些,您可以遵循与通过小部件配置主题时遵循的相同过程。 导航到主题设置页面左上角的“创建新页面”按钮。 您始终可以使用 BigCommerce 开发解决方案创建更多页面。

bigcommerce-page-builder1

博客管理

Bigcommerce 中的博客创建

博客是提高 SEO、确立行业领导者地位并帮助您的潜在客户完成意识、考虑、决策和宣传阶段的好方法。 您可以在 BigCommerce 中创建博客。

BigCommerce商店开发平台有一个富文本编辑器。 另外,它还允许您执行 SEO(元描述、slug URL 和重定向)。 尽管它不能自动执行所有 SEO 工作,但有些事情您必须手动完成,例如确保可信度、关键字利用率和 SEO 的其他最佳实践。 因此,强烈建议使用营销平台。

我确信您现在已经了解创建页面并根据需要设置其样式的所有内容。 荣誉!

第 6 步:启动您的在线商店

完成 BigCommerce 商店开发后,即可继续启动您的商店。 请记住,试用期结束后,您将无法访问刚刚配置的 BigCommerce 商店。

如果您在正式发布之前需要更多时间,可以选择购买一个月的标准 BigCommerce 定价计划,以延长您的访问权限并继续完善您的商店。

第 7 步:营销、分析和管理

BigCommerce 在线商店开发完成后,当您拥有活跃的商店时,您会希望日常运营保持一致。 在营销自动化的世界里。 如果您不利用下面列出的 BigCommerce 功能,每天有很多事情要做。

  • 客户:您的商店上线后,可以从此处访问在您的商店中注册的客户联系人记录。 此外,您可以手动添加它们、对它们进行分组或导出/导入联系人记录。
  • 渠道经理: BigCommerce 商店开发中最受欢迎的功能是您可以在多个渠道上销售。 您可以选择在多个店面和市场(亚马逊、eBay 和沃尔玛)上创建和销售。 此外,您还可以利用社交商务或为(Facebook、Instagram 或 Google Ads)创建广告活动。 还有 POS 销售以及联属网络营销和影响者营销的选项。
  • 分析: BigCommerce 分析仪表板是监控销售和营销工作的绝佳工具。 您还可以通过这里查看联系人记录(互动、消费金额)和订单。 此外,您可以从此处生成更清晰的销售税报告。
  • 应用程序和集成:在 BigCommerce 市场上找到您想要的应用程序和集成。

营销工具

  • 横幅:为了传达每个页面所提供的内容,您可以为您的主页、类别或品牌创建横幅。 您有一个富文本编辑器来决定内容。 此外,您也可以决定其放置和到期时间。
  • 促销:在买家旅程中为客户提供帮助的媒介永远不够。 因此,BigCommerce 为您提供了一切机会这样做,从 BigCommerce 促销模板创建商店折扣、BOGO 和免费送货优惠。
  • 废弃购物车电子邮件:使用废弃购物车电子邮件列表中的模板,直接从 BigCommerce 发送有关购物车废弃的电子邮件。
  • 事务性电子邮件:订单状态、退货请求、帐户创建、密码重置和产品审核请求,一天中可能会有几封此类电子邮件,您可能需要在一天内发送。 感谢 BigCommerce,您可以为每个人提供一个模板。
  • Google 客户评论: BigCommerce 允许 Google 客户评论集成,并且只有当您拥有专业版或企业版 BigCommerce 计划时才能完成此操作。
  • 优惠券代码:您将获得带有 BigCommerce 商店开发解决方案的内置优惠券代码生成器。 它提供了您创建数字优惠券可能需要的所有高端定制。
  • 电子邮件营销: BigCommerce 建议其客户连接营销软件进行电子邮件营销。 如果您已经使用此类软件,那么您可以在集成列表中找到它,或者如果您正在寻找它,那么 HubSpot 可能是最佳选择。
  • 礼券:您还可以在 BigCommerce 中创建特殊礼券。

BigCommerce HubSpot 集成

BigCommerce 开发解决方案仅提供设计和产品创建方面的多功能性。 然而,营销工具在瞄准潜在客户并获得良好的销售转化率方面存在不足。 因此,需要一个全面的解决方案。

BigCommerce HubSpot 集成有助于满足这一需求并在竞争中保持领先地位,简化客户关系管理,并提高 BigCommerce 在线商店的整体客户满意度和体验。

HubSpot 是一个客户关系管理平台,涉及营销、销售、客户服务、运营、甚至 CMS 和商务的各个方面。

它可以帮助您为客户设计更加个性化的体验,并帮助您实现入站营销目标。 因此,将 BigCommerce 与 HubSpot 集成将为您提供实现业务目标和长期目标所需的一切。 此外,生态系统中提供的 HubSpot 电子商务应用程序、集成和主题为您的电子商务业务提供了更大的灵活性和可扩展性。

如何设置 HubSpot BigCommerce 集成?

该集成使您能够同步有关订单、产品和客户联系人的所有数据。 通过此集成,您可以将现有数据带回您通过 HubSpot 和 BigCommerce 拥有的新 CMS。 请按照下面提到的步骤获取 HubSpot BigCommerce 集成:

  • 转到 BigCommerce Marketplace 并搜索 MakeWebBetter 的 HubSpot Integration 并单击它。
  • 现在,单击“获取此应用程序”
  • 之后,登录您的 BigCommerce 帐户。
  • 您将被带到 BigCommerce 上的应用程序列表页面,点击Install
  • 单击合规通知下方的“确认”

您可以在 BigCommerce 的“应用程序”选项卡下的“我的应用程序”中找到此应用程序。

hubspot-bigcommerce-集成
现在,您将需要将所需的 HubSpot 门户连接到 BigCommerce 应用程序。 去做这个:

  • 单击“连接您的帐户”
  • 现在,选择一个门户并向下滚动以单击“连接应用程序”

完毕!

阅读:HubSpot 入门:您需要了解的一切

HubSpot BigCommerce 集成的优势

除了同步与您的联系人、产品和订单相关的所有数据外,此集成还将在您的 HubSpot CRM 帐户中执行以下操作。

  • 组和属性:您可以在 HubSpot 中创建自定义属性和组。
  • 细分列表:特殊列表细分,可用于营销、报告和监控。
  • 自动化工作流程:真正 BigCommerce 自动化的流行工作流程。
  • 映射管道阶段:一种简单的订单映射机制,用于 HubSpot 交易的适当运作。

要了解有关 BigCommerce HubSpot 集成的更多信息,请访问这些链接。

联系我们文档安排通话

下一步 …

BigCommerce 开发解决方案最适合创建在线商店并在当今的数字世界中竞争。 所有这些使其成为初创企业和中小企业甚至大企业的首选。

BigCommerce 提供了有效扩展在线业务所需的工具。 其无缝集成功能使其成为更加通用和强大的解决方案。 BigCommerce 商店开发被证明是实现在线业务目标的非常关键的一步。

因此,迈出一步,探索可能性,立即开始构建您的 BigCommerce 商店!