shopify在哪里填写html,[Shopify开店教程]添加嵌入代码

添加嵌入代码

在Shopify管理员中创建购买按钮后，您就可以将其添加到您自己的网站或博客中。

将嵌入代码添加到您网站的源HTML的过程有所不同，具体取决于您希望购买按钮和购物车在您的发布平台上显示的方式和位置，以及有时您在该平台上使用的主题。

注意

如果您需要帮助将嵌入代码添加到Shopify之外的发布平台(例如Squarespace或WordPress.org博客)，请直接与您的网站提供商或发布平台联系以获取支持。

相关主题

将嵌入代码添加到WordPress.org博客

将嵌入代码添加到Shopify博客

将嵌入代码添加到Squarespace

将嵌入代码添加到Wix

单独添加脚本标记

将嵌入代码添加到WordPress.org博客

您可以将嵌入代码添加到单个帖子和WordPress.org博客主页上的菜单中。

注意

嵌入式购买按钮与WordPress.org平台兼容，但与WordPress.com不兼容。 本文档描述了WordPress 4.2.2。 您的版本可能会有所不同。 您可以在WordPress支持网站上了解有关WordPress版本的更多信息。

将嵌入代码添加到WordPress帖子

要将嵌入代码添加到单个帖子， 请执行以下操作：

在Shopify中，创建一个购买按钮并从“嵌入代码”对话框中复制其嵌入代码(或单击“将嵌入代码复制到剪贴板”)。

在WordPress仪表板中，单击“帖子”。

单击“添加”以创建新帖子，或单击要显示“购买”按钮的现有帖子的名称。

从“添加新帖子”或“编辑帖子”页面，将文本编辑器从“可视”更改为“文本”模式。

将嵌入代码粘贴到您希望显示“购买”按钮或分类位置的编辑器主文本字段中。

完成后，单击“保存草稿”，“预览”或“发布”。

将嵌入代码添加到Wordpress菜单

要将嵌入代码添加到主页上的菜单， 请执行以下操作：

在WordPress仪表板中，单击“外观”。

单击“自定义”以打开主题编辑器，然后单击“窗口小部件”。

单击要添加“购买”按钮或自定义购物车代码的区域的名称。

打开现有的“文本”小部件，或单击“添加小组件”，然后单击“文本”。

将嵌入代码粘贴到“文本”小部件的主文本字段中。

保存更改。

注意

如果您想更改网站购物车的行为或外观，则可以将自定义购物车代码添加到WordPress.org博客主页上的菜单中。

将嵌入代码添加到Shopify博客

您可以在Shopify博客上的个别帖子中添加嵌入代码：

注意

“购买”按钮可创建单独的购物车。 如果您的客户移动到在线商店中的其他页面，则该商品将不再显示在购物车中。 您可以编辑“购买”按钮直接进入结帐页面。

在Shopify管理员中，单击“在线商店”。

单击博客帖子。

在“博客帖子”页面中，单击要编辑的博客文章的标题，或单击“添加博客帖子”以创建新博客文章。

在“编写博客文章”部分中，单击多文本编辑器中的“显示HTML”。

将您的嵌入代码粘贴到主文本字段中。

单击保存。

将嵌入代码添加到Squarespace

警告

Squarespace上的一些高级自定义是仅限于主题的。 Shopify使用不支持这些自定义，风险自负！

您可以将嵌入代码添加到Squarespace中的各个帖子以及主页上的菜单中。在某些情况下，您可能希望同时执行这两项操作。例如，您可以在主页上嵌入购物车，以便从嵌入单个帖子的“购买按钮”中接X买。

要向Squarespace中的页面元素添加嵌入代码， 请执行以下操作：

在Squarespace仪表板中，打开要添加嵌入代码的网页。

在页面上找到要显示“购买”按钮或嵌入式购物车的元素，将光标移到“页面内容”区域上，然后单击“编辑”。

单击要添加嵌入代码的插入点。

在“内容块”对话框的“更多”部分中，单击“代码”。

从Shopify管理员处，从“嵌入代码”对话框中复制嵌入代码。

从Squarespace仪表板中，将嵌入代码粘贴到CODE对话框中。确保将文本字段设置为接收HTML。

在EDIT CODE对话框中单击APPLY。

在页面编辑器上再次单击“保存”。由于Squarespace在其信息中心中禁用JavaScript，因此您需要单独预览页面以查看已添加的购买按钮或嵌入式购物车。

注意

如果您将嵌入式购物车添加到Squarespace主页的菜单中，它将从您嵌入单个帖子的购买按钮接收订单。

将嵌入代码添加到Wix

在Shopify管理员中创建购买按钮或分类后，您可以使用Wix网站编辑器将其添加到您的Wix网站。

警告

如果要为多个产品或分类嵌入“购买按钮”，则需要先编辑嵌入代码，然后再将其添加到Wix HTML代码窗口小部件中。如果您在不编辑嵌入代码的情况下将多个购买按钮嵌入到Wix网站中，那么尝试购买多个产品的客户将会看到每个产品的单独购物车。

如果要在Wix网站上显示多个产品而不编辑嵌入代码，则可以嵌入一个分类。您可以在Shopify管理员中为要在Wix上显示的产品创建新分类。

要在Wix网站上为产品或分类嵌入单个“购买”按钮， 请执行以下操作：

从Shopify管理员处为产品或分类创建购买按钮，然后复制其嵌入代码。

在您的Wix帐户中，在“我的网站”部分中找到要编辑的站点，然后单击“编辑站点”。

在Wix网站编辑器中，单击+按钮，然后单击更多。

单击HTML代码以向页面添加HTML代码窗口小部件。

单击输入代码。

在“HTML设置”对话框中，在“在此处添加代码”字段中粘贴“购买按钮”或“分类”的嵌入代码，然后单击“更新”。

调整HTML代码小部件的大小以适应其内容。如果要使用购物车创建嵌入，请确保购物车选项卡显示在正确的位置。

完成后，单击“保存”。

嵌入多个产品或分类

要在您的Wix网站上嵌入多个产品或分类， 请执行以下操作：

从Shopify管理员处为产品或分类创建购买按钮，然后复制其嵌入代码。

将代码粘贴到代码编辑器或Wix网站构建器中。重复前两步，直到创建了所需的“购买按钮”。

编辑嵌入代码以确保它们以正确的对齐方式显示。

在您的Wix帐户中，在“我的网站”部分中找到要编辑的站点，然后单击“编辑站点”。

在Wix网站编辑器中，单击+按钮，然后单击更多。

单击HTML代码以向页面添加HTML代码窗口小部件。

单击输入代码。

在“HTML设置”对话框中，在“在此处添加代码”字段中粘贴已购买按钮的已编辑代码，然后单击“更新”。

调整HTML代码小部件的大小以适应其内容。如果要使用购物车创建嵌入，请确保购物车选项卡显示在正确的位置。

完成后，单击“保存”。

注意

如果您需要帮助使用Wix编辑器，请联系Wix支持。

单独添加脚本标记

某些平台(如Unbounce)要求您将嵌入代码的

要单独添加脚本标记， 请执行以下操作：

从创建购买按钮时生成的嵌入代码中，复制

原文链接：https://blog.csdn.net/weixin_36374105/article/details/118150106?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167193311916782429788264%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=167193311916782429788264&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-14-118150106-null-null.blog_rank_default&utm_term=Shopify

你可能感兴趣

个人怎么做独立站Shopify商店！Shopify建站教程详解！（实操干货）

如果您想开设一家电子商务线上商店，您想知道如何在Shopify上销售商品。在Shopify上进行销售使经营在线商店的过程变得简单，所以任何人都可以做到。尽管无需任何编码经验

shopify能用哪些插件?Shopify插件使用教程,shopify怎么安装?

Shopify是一个开源的开放源代码库，由GitHub的Patgman和Reddit的WordNet联合创建。它提供了JSXHTML5开发环境，使用Shopify可以创建Wordpress和Apac

shopify模板怎么写php代码,编辑模板代码

编辑模板代码已于 Apr 09, 2021 打印了此页面。若要查看当前版本，请访问 https://help.shopify.com/zh-CN/manual/online-store/

最好的Shopify页面编辑器推荐

披露：这篇内容受读者支持，如果你点击页面上的某些链接，我们可能会获得佣金。 Shopify 是一个出色的电子商务平台，全世界很多卖家都在使用。但是，如果你真的想要发展在线业务，网站自带的免费编辑器可能

shopify哪款seo软件好(shopify中的内置seo功能使用指南)

你是在考虑使用Shopify来建立你的在线商店，还是已经在使用这个工具了？检查Shopify的SEO参数，以便在谷歌等搜索引擎上充分利用您的网站，这是SEO的必要操作。以下是Shopify提供的主要优

【跨境电商建站】Shopify与Wix之间，你会选择？

你想要建立一个网站，但在Shopify与Wix之中犹豫不决。简单来看，前者最好用于构建电子商务网站，后者最好用来集成在线商店。不过这样的判断过于粗糙&#xff

店小蜜是款什么软件

大家都知道, 店小蜜是一款可以帮助我们快速开店的软件。
店小蜜是一款专为店主而设计的软件，它不仅能够帮助您更好地管理店铺经营活动，还能帮您提高顾客满意度。
使用方法:1.在电脑上打开”店小蜜”，然后点击安装”按钮；
店小蜜是一款非常实用的免费应用，它可以帮助你管理店铺、客户关系、推广营销等。
店小蜜是一款应用，可以帮助店主或企业管理店铺、销售客户和员工。
要注册店小蜜，需要完成一些简单的操作，包括：1. 通过网站注册：点击立即注册”按钮进行注册；

Shopify搞Dropshipping模板评测二 – Konversion

Konversion模板主题首先是在考虑移动设备的使用下打造的。几乎80%的独立站流量可能来自移动设备，dropshipping运行Facebооk或Gооgle广告，这个

5个最好的WordPress电子商务插件比较 – 2018年

点击阅读5个最好的WordPress电子商务插件比较 – 2018年原文你想建立一个网上商店吗？想知道哪个是最好的WordPress电子商务插件？选择合适的电子商务插件对您的业务至关重要，因为更好的平

速卖通装修html自定义代码,Shopify基础建站教程,独立站装修主题代码设置

Shopify作为建站工具，它确实能够让我们非常便捷的建立网站并实现网站的各种功能。但是这样的便捷也牺牲了一定的可自定义的空间。通俗的说，Shopify把各个功能都模块化了