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”。

title-300x234.png

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

单击保存。

将嵌入代码添加到Squarespace

警告

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

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

要向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)要求您将嵌入代码的

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

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

元素和

打开要嵌入“购买”按钮的网站的页眉。

将整个

保存更改。

从Shopify管理员中的原始嵌入代码中,仅复制

元素。 例如:

打开您要在其中嵌入“购买”按钮的网站页面。

代码段粘贴到页面中。

保存更改。

[Shopify开店教程]添加嵌入代码 was last modified: 9月 10th, 2018 by hosimon

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/459561.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

activity生命周期图

转载于:https://www.cnblogs.com/aqianglala/p/4344431.html

华硕台式计算机光盘怎么启动不了,华硕笔记本怎么用光盘重装系统 笔记本重装系统失败怎么办...

华硕笔记本是现在非常热门的笔记本品牌,很多的华硕笔记本用户在重装系统的时候,大多数会用上光盘,这种重装方式较为简单,所以备受青眯,不过呢还是有很多电脑用户不知道怎么用光盘重装系统,没关系&#xff0…

怎么安装Win10,硬盘安装Win10系统图文教程

2019独角兽企业重金招聘Python工程师标准>>> http://jingyan.baidu.com/article/f25ef254613ffd482c1b8236.html 分享到 一键分享 QQ空间 新浪微博 百度云收藏 人人网 腾讯微博 百度相册 开心网 腾讯朋友 百度贴吧 豆瓣网 搜狐微博 百度新首页 QQ好友…

游戏计算机重要参数,这真的很重要吗 游戏鼠标三大参数之谜

1游戏鼠标三大参数:采样率[中关村在线键鼠频道原创]游戏鼠标作为目前最受消费者关注的外设产品,其销量以及利润在市场上也是表现最为出色的,众多游戏外设厂商也推出各种各样的游戏鼠标,各种霸气的名字更是让我们看的眼花缭乱&…

桌面上的文件使计算机变慢吗,电脑用久了会变卡怎么办?让电脑变得流畅方法图解...

工作生活中我们的电脑时间用久了,就会变得很卡,那么如何做会让电脑变得流畅一点呢,小编教大家几招。步骤首先要保持windows桌面整洁,尽量少放一些文件,因为桌面上的文件都是放在C盘,电脑系统一般也是装在C盘…

美图秀秀计算机教程,美图秀秀怎么抠图 美图秀秀抠图详细教程

怎么抠图?这是很多人在进行图片处理过程中经常处理的问题。对于那些专业人士来说,他们大多数用的是PS软件。但是对于绝大多数没有接触过PS的小白来说,怎么抠图成为了一大难题。其实,用过美图秀秀这款软件的朋友来说,它…

磁盘及文件系统的管理

分区是为了创建文件系统MBR:创建分区后,为了能够快速的存取文件就有了文件系统inode:中存储了文件属组,等与文件数据没有关系的文件属性信息,但是没有文件名每次访问某个目录的文件时是会进行缓存的,在一定…

Cocos2d-x 3.8.1+Cocos Studio 2.3.2捉虫记之控制场景文件中的骨骼动画

Cocos2d-x 3.8.1Cocos Studio 2.3.2捉虫记之控制场景文件中的骨骼动画引子这段时间一直努力在把早期版本的拇指接龙游戏(Cocos2d-x 2.2.3CocoStudio 1.4.0.1)升级到当前相对稳定的高大上环境——Cocos2d-x 3.8.1Cocos Studio 2.3.2。行程中遇到不少麻烦&…

用JSmooth制作java jar文件的可运行exe文件教程【图文】

这是我之前在个人博客3yj上面写的一篇文章,如今转载过来,原文地址 (这不是广告哦) 几年前,刚接触java的是,就想用一些方法把自己的劳动果实保护起来,曾经也用过非常多这种工具,有一个…

全国计算机vb考试经典程序设计,全国计算机二级《VB语言程序设计》考试要点...

全国计算机二级《VB语言程序设计》考试要点VB语言程序设计是计算机二级考试的科目之一,考生们在备考是要熟悉科目的知识要点,有针对性地进行备考。下面百分网小编为大家搜索整理了关于二级《VB语言程序设计》考试要点,欢迎参考练习&#xff0…

MipMap

MipMap首先从MIPMAP的原理说起,它是把一张贴图按照2的倍数进行缩小。直到1X1。把缩小的图都存储起来。在渲染时,根据一个像素离眼睛为之的距离,来判断从一个合适的图层中取出texel颜色赋值给像素。在D3D和OGL都有相对应的API控制接 透过它的工…

windows2016服务器优化,Windows Server 2012 服务器优化图文方法

这篇文章主要介绍了Windows Server 2012 服务器优化图文方法,需要的朋友可以参考下1、显示桌面图片按下WinR键输入:rundll32.exe shell32.dll,Control_RunDLL desk.cpl,,02、关闭IE增强的安全配置1.开启【服务器管理员】单击"服务器管理员"2.在左边窗格切…

ExtJs控件属性配置详细(转)

序言: 1.本文摘自网络,看控件命名像是4.0以前的版本,但控件属性配置仍然可以借鉴(不足之处,以后项目用到时再续完善)。 Ext.form.TimeField: 配置项: maxValue:列表中允许…

网站服务器中病毒该如何处理,网站被中了木马无法删除怎么办? 解决网站中病毒的办法...

紧急预警“XXCMS整站系统(XXCMS)”官方安装包被植入后门这是我们 前几天在站长网上公布的紧急预警! 但是还是有人中招了,服务器中了马,导致网站被挂了黑链,我们外星人源码安全小姐紧急响应,马上为其清除木马后门,查杀病…

sql语句中----删除表数据drop、truncate和delete的用法

说到删除表数据的关键字,大家记得最多的可能就是delete了 然而我们做数据库开发,读取数据库数据.对另外的两兄弟用得就比较少了 现在来介绍另外两个兄弟,都是删除表数据的,其实也是很容易理解的 老大------drop 出没场合:drop table tb --tb表示数据表的名字,下同 绝招:删除内…

MyEclipse/Eclipse 中使用javap

-c -classpath ${workspace_loc}\${project_name}\bin ${java_type_name} 特别强调我所掉过的一个坑:这行配置bin后面空一格而非\,就这个小问题让我吃了苦头 有知道原因的望告知。。。。。。。真想了解原因 转载于:https://www.cnblogs.com/blueFlowers…

怎样王远端服务器上传文件,传王电子传真使用指南-Freefax传真服务器,传王A6,免费传真...

接线方案传王A6品牌宣传为『传王,最棒的!传王,传真之王。』,并不是一句空泛的宣传。传王A6充分考虑用户的办公环境,能与电话很好地混合使用,通过不同的接线方案,配合丰富的权限管理和系统设定,满…

《JavaScript高级程序设计》chapter 1: javascript 简介

1.2.2 文档对象模型DHTML的出现让开发人员无需重新加载页面就可以修改其外观了。1.2.3 浏览器对象模型(BOM)BOM真正与众不同的地方在于他作为javascript实现的一部分,但是却没有相关的标准。这些问题咋html5中得到解决。人们习惯上把所有针对…

nginxlua文件服务器权限,通过lua进行nginx的权限控制

nginx_lua的安装nginx使用luajit进行编译安装使用openresty进行yum安装openresty中将lua和nginx进行封装,详情可查看openresty官网openresty相关启动命令service openresty startngx_lua的相关api使用说明及相关使用ngx_lua的日常使用场景ngx_lua的执行顺序&#xf…

Linux下ejabberd安装配置

为什么80%的码农都做不了架构师?>>> Linux下ejabberd安装配置 1、下载Ejabberd安装包 wget http://www.process-one.net/downloads/ejabberd/2.1.13/ejabberd-2.1.13-linux-x86_64-installer.run 也可以在直接在官网上下载 ejabberd-15.11-linux-x86…