记录分享
互联网历程和变化

如何将淘宝店铺嵌入网页,将淘宝店铺代码插入网页。

在网上看到很多网站页面里面调用了自己的淘宝店铺,发现这个不错就上网搜了下,步骤如下:

添加iframe标签来调用淘宝店铺,iframe标签可以使任何HTML页面实现内联框架,方便嵌入任意网页,代码如下:

<IFRAME src=”http://di9dadao8.taobao.com/”  style=” margin: 10px 0 0 1px;”

width=976  height=1530 scrolling=no ALLOWTRANSPARENCY=”no”></IFRAME>

代码解释:

http://di9dadao8.taobao.com/为嵌入网页的地址。

width=976  height=1530为嵌入网页的宽度和高度,可根据自己的页面大小适当调整。

scrolling=”no” 为嵌入网页的滚动设置,当内容范围大时,可设置为允许滚动 scrolling=”yes”。

ALLOWTRANSPARENCY=”true” 为允许透明设置,把true改为no为不透明。

将上面代码添加到想显示的网站页面即可。

以wordpress为例,制作一个独立淘宝店铺页面来演示下:

1、制作一个wp页面如taobao.php,在页面最上面添加如下代码

<?php
/*
Template Name: taobao
*/
?>

2、在页面添加代码:

<?php get_header(); ?>

<div id=”primary”>

<IFRAME src=”http://di9dadao8.taobao.com/”  style=” margin: 10px 0 0 10px;”

width=976  height=1530 scrolling=no ALLOWTRANSPARENCY=”no”></IFRAME>

</div><!– #primary –>

<?php get_footer(); ?>

如果还需要边栏的话再添加个<?php get_sidebar();?>就行。

淘宝演示

调用操作:进入wp后台—新建一个页面—在模板中选择“taobao”,发布后完成操作。

这个也可以用做淘宝客,在后台阅读设置里面选择一个静态页面,打开网站就可以直接看见页面了。

实在不会繁琐操作的直接将店铺代码添加到页面或者文章里就行。

未经允许不得转载:奇舰 » 如何将淘宝店铺嵌入网页,将淘宝店铺代码插入网页。

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

奇舰科技 更专业 更效率

商务合作注册