如何在WordPress中创建Shopify购物入口

如何在WordPress中创建Shopify购物入口？首先商家需要安装Shopify Buy Button插件，之后创建WordPress中的Shopify产品及产品购物按钮，最后在WordPress中搜索并点击Custom HTML块，复制Shopify产品页面代码即可实现WordPress Shopify购物入口的创建。

点击领取：Shopify免费试用服务（免费试用3天，前3个月每月仅需$1）

一、Shopify购物按钮是什么

Shopify购物按钮可大幅精简结账流程。利用Shopify Buy Button，商家能够生成可嵌入的产品卡片和结账按钮，然后将它们添加到登陆页面或博客文章中，这样便于购物者通过显示Buy Button的任意网页直接购买商家的产品。

创建Shopify购物按钮后，需要复制自动生成的代码，然后将代码添加到希望按钮显示的网页或博客文章中，例如可以将Shopify购物按钮添加到WordPress或SquareSpace网站中。

二、如何在WordPress中创建Shopify购物入口

1、在Shopify中添加Shopify购物按钮

单击 Sales Channels 旁边的+图标，将出现一个弹出窗口，其中包含所有可用选项。

在弹出窗口中单击 Buy Button 部分旁边的 + 按钮，Shopify即可安装Shopify购物按钮插件。

注：用户购买Shopify Lite套餐即可享受Shopify Buy Button功能，但是在 Shopify Lite 套餐中，这些销售渠道选项中的大多数都不可用，因为它们仅适用于拥有完整网站构建套餐（例如 Shopify Basic 或 Grow）的用户。

推荐阅读：《Shopify月租套餐有哪些》

安装 Buy Button 并单击 Sales Channels 下的 Buy Button 标题后，将出现以下屏幕。

2、创建产品列表

在创建 Shopify Buy Button 之前，首先需要在 Shopify 中创建产品列表，可以通过转到 Shopify 仪表板中的产品-添加产品来轻松完成。

用户需要填写除页面最底部搜索引擎预览之外的所有部分，例如标题、描述、媒体（图像）、定价等。

此外确保 Product Status （产品状态）字段设置为 Active （活动）， Buy Button 旁边显示绿色标记，也可以单击 Manage 链接来添加或删除销售渠道，最后别忘了单击 Save 按钮保存更改。

注：必须从第 1 步开始安装 Buy Button Channel 应用程序，才能在产品页面中看到它。

3、创建嵌入WordPress中的Shopify商品

单击击 More Actions 下拉菜单，然后选择 Embed On A Website 选项：

这将进入 Embed On A Website 页面对加Shopify购物按钮进行样式设置。对于 Layout Style 字段，选择 Basic、Classic 或 Full View：

Basic：添加一个简单的按钮，没有其他任何内容，可以进一步自定义，使其成为购物车、结帐或产品详细信息按钮。
Classic ：包括其他详细信息，如产品标题、图像和价格。
Full View ：提供了最接近实际产品页面的内容，包括产品图片滑块、标题、价格、结帐/购物车按钮和产品描述。

下一个选项是设置 Action When People Click 字段，这决定了用户点击嵌入式Shopify产品购物按钮后会发生什么。

以下是选项（以及它们的作用）：

将产品添加到购物车：商品被放入滑入式购物车中，客户可以在网站上查看。
Direct to checkout：这会将商品放入购物车，但不向客户显示购物车；相反它们会被直接发送到结账处以输入付款信息。
打开产品详细信息：用户被重定向到内容更丰富的产品页面版本，以进一步研究该项目；商品未添加到购物车，并且结帐仍处于隐藏状态。

注：每次更改 Layout Style 或 Action 设置都会调整嵌入代码，因此无论何时更改 Buy Button 设置，都应将新代码传输到网站。

4、在WordPress中创建Shopify购物入口

完成自定义后，单击复制代码按钮，请等待直到看到“Code Copied”消息，就知道它已添加到剪贴板中：

注：用户也可以在左边侧边栏的Buy Button-Create a Buy Button-Product Buy Button中对产品按钮进行更加高级全面的设置。

WordPress可以在页面、文章、部件、网站文件等多个位置嵌入代码，用户需要打开要嵌入产品的区域，如新的/现有的页面或文章，单击 Add Block 按钮并搜索 Custom HTML 块，单击以将其添加到内容区域：

将之前复制的代码（来自 Shopify 产品页面的代码）粘贴到显示“Write HTML…”的方框中：

图

单击页面的 Publish 或 Update 按钮。有两种方法可以在 WordPress 上预览嵌入式 Shopify 产品，第一个选项是单击该 HTML 块的 Preview 选项卡：

也可以考虑直接进入该页面或帖子的前端，以准确查看客户获得的结果显示样式：

更多Shopify独立站设置，可点击访问Shopify教程页面了解。

注：

如果商家有意搭建独立站，却不知从何开始可以访问科灯跨境（https://www.kedeng.com/），多年经验专家团队将一对一对接，为您提供专业的独立站建站支持，服务方案涵盖WordPress、WordPress+WooCommerce和Shopify独立站搭建运营（谷歌SEO优化、SEM托管、海外社媒运营优化、智能化邮件营销）的一站式服务，最低价格仅需三千元左右。

现在下单的顾客可享受买一赠三（域名、服务器和SSL证书）的购买优惠，还为Shopify建站的商家提供一年的免费技术支持。