1、打开淘宝开放平台网站，创建一个应用程序，并获得应用程序的App Key和App Secret。

2、在WordPress中，编辑您想要添加淘宝商品框的文章或页面。

3、在文章或页面编辑器中，切换到“文本”模式，以便您可以编辑HTML代码。

4、在编辑器中，找到您想要添加淘宝商品框的位置，并插入以下代码：

<script src="//g.alicdn.com/sd/mtb/pc2.0.4/js/mtb.js" async="true"></script>
<div data-id="你的淘宝商品ID" data-type="1" data-tmpl="230x230" class="tb-embed"></div>

请注意，您需要将“你的淘宝商品ID”替换为您要添加的淘宝商品的实际ID号。

5、在编辑器中，切换回“可视化”模式，以查看添加的淘宝商品框。
请注意，这只是一种基本的方法来在WordPress中添加淘宝商品框。您可以使用不同的代码和样式来自定义淘宝商品框的外观和行为。

<style>
.tb-embed {
margin: 10px 0;
border: 1px solid #ccc;
padding: 10px;
overflow: hidden;
}
.tb-embed img {
float: left;
margin-right: 10px;
}
.tb-embed .tb-info {
float: left;
}
.tb-embed .tb-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.tb-embed .tb-price {
font-size: 16px;
font-weight: bold;
color: #f60;
margin-bottom: 10px;
}
.tb-embed .tb-action {
clear: both;
}
.tb-embed .tb-action a {
display: inline-block;
background-color: #f60;
color: #fff;
text-align: center;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
margin-right: 10px;
}
</style>
<script src="//g.alicdn.com/sd/mtb/pc2.0.4/js/mtb.js" async="true"></script>
<div data-id="你的淘宝商品ID" data-type="1" data-tmpl="230x230" class="tb-embed">
<img src="" class="tb-thumb">
<div class="tb-info">
<div class="tb-title"></div>
<div class="tb-price"></div>
<div class="tb-action">
<a href="" target="_blank">立即购买</a>
<a href="" target="_blank">查看详情</a>
</div>
</div>
</div>

您可以将此代码模板插入到WordPress编辑器的文本模式中，并将其中的“你的淘宝商品ID”替换为您实际的淘宝商品ID。

此代码模板将创建一个具有边框和填充的外层容器，并在容器中包含商品图片、标题、价格和操作按钮等元素。您可以自定义此模板的样式和内容，以满足您的需求。