如何创建附属产品框（无需编码）
已发表: 2023-05-17您想在 WordPress 中创建附属产品框吗？
产品框可让您以更具吸引力和引人注目的方式展示您的附属产品。 它可以吸引用户的注意力并增加他们点击您的会员链接的机会。
在本文中，我们将向您展示如何在 WordPress 中轻松创建附属产品框。
为什么要在 WordPress 中创建附属产品框？
营销人员在其 WordPress 网站上使用附属产品框向读者展示和推广特定产品。
此框通常包含产品标题、图片、描述和号召性用语 (CTA) 以促进点击和购买。
这是一种流行的联盟营销策略，可以促进销售、增加品牌知名度并节省时间和资源。
您可以轻松地将附属产品框添加到博客文章中，以吸引潜在客户并从任何由此产生的销售中赚取佣金。
话虽如此，让我们看看如何在不使用任何代码的情况下轻松地在 WordPress 中创建附属产品框。
- 方法 1：使用漂亮链接创建附属产品框
- 方法 2：在块编辑器中创建附属产品框（免费）
- 方法 3：使用 SeedProd 为附属登陆页面创建产品框
方法 1：使用漂亮链接创建附属产品框
您可以使用 Pretty Links 轻松创建产品附属框。 它是最好的联盟营销工具，可以让您在 WordPress 网站上轻松创建和管理联盟链接。
首先，您需要安装并激活 Pretty Links 插件。 有关更多说明，请参阅我们关于如何安装 WordPress 插件的初学者指南。
注意： Pretty Links 也有免费版本。 但是，您必须购买专业版才能使用 Product Displays 插件。
激活后，从 WordPress 管理侧边栏访问Pretty Links » Add-ons页面。
从这里，只需单击“安装插件”框按钮即可安装并激活“产品展示”插件。
激活插件后，只需转到Pretty Links » Add New页面即可开始创建附属链接。
首先，您必须在顶部的“添加标题”字段中输入附属产品名称。 此标题将作为标题显示在您的产品附属框中。
之后，继续在“目标 URL”框中输入附属 URL。
接下来，将链接别名键入“漂亮链接”框中。 这将是联盟 URL 的最后一部分。
之后，只需从左侧边栏切换到“产品展示”选项卡。
到达那里后，您可以从“主题”下拉菜单中为您的产品附属框选择一个主题。
接下来，单击“更新图片”按钮，从 WordPress 媒体库或您的计算机上传产品图片。
完成后，只需在“描述”框中输入产品描述即可。
接下来，继续在“价格”框中为产品设置价格。
您还可以在产品附属框的顶部添加徽章。 例如，如果您要促销的商品目前正在打折，那么您可以向客户展示。
要添加徽章，只需在“徽章文本”框中输入文本即可。
之后，在“主按钮文本”框中输入附属产品的 CTA。 这将是产品附属框中按钮上显示的文本。
我们创建的附属链接将自动添加到 CTA 按钮。
如果您在您的博客上撰写了对附属产品的评论，您可以将帖子的 URL 添加到“评论 URL”框中。 点击它的读者将被带到您的评论帖子。
要为评论按钮添加 CTA，只需在“评论按钮文本”选项中键入一些文本即可。
完成后，单击顶部的“更新”或“发布”按钮。
将产品附属框添加到页面或帖子
现在，您需要将产品附属框添加到页面或发布到您的 WordPress 网站上。 对于本教程，我们将在帖子中添加附属产品框。
首先，您需要从 WordPress 管理侧边栏打开一个新的或现有的帖子。
接下来，单击左上角的“添加块”(+) 按钮，找到 PL Product Display 块并将其添加到块编辑器中。
之后，单击“添加显示”按钮。
这将打开“产品展示”提示。 从这里，只需从下拉菜单中选择“单一链接”选项。
执行此操作后，您将必须搜索您在搜索框中创建的会员链接。
单击附属链接后，产品展示框将自动添加到您的帖子或页面中。
最后，单击“更新”或“发布”按钮以保存您的更改。
现在您可以访问您的网站以查看正在运行的产品附属框。
方法 2：在块编辑器中创建附属产品框（免费）
对于这种方法，我们将向您展示如何使用块编辑器轻松创建附属产品框。
首先，您需要从 WordPress 管理侧边栏打开现有的或新的帖子。
到达那里后，单击左上角的添加块“(+)”按钮以打开块菜单。 接下来，只需查找 Columns 块并将其添加到帖子中。
完成后，将显示列变体列表。 只需单击 50/50 变体即可继续。
这将为您的帖子添加两个并排的块。
您可以通过单击屏幕左侧的“+”按钮来打开块菜单。
从这里，只需选择图像块，然后从 WordPress 媒体库添加您的附属产品图像。
之后，您需要单击右栏中的“+”按钮。
打开块菜单后，添加标题块并输入产品标题。
接下来，只需单击块工具栏中的“选择列”图标，然后单击底部的“+”按钮。 这将再次打开块菜单。
从这里，找到并添加段落块，然后在框中键入产品描述。
现在，要完成您的产品附属框，您必须添加 CTA 以及该产品的附属链接。
为此，您需要退出块编辑器。
在返回 WordPress 管理面板之前，不要忘记点击“保存草稿”按钮来保存您的更改。
创建附属链接
您可以使用许多联盟营销工具来创建和管理 WordPress 网站上的联盟链接。
对于本教程，我们将使用 Pretty Links，这是最好的 WordPress 联盟营销插件。
首先，您需要安装并激活 Pretty Links 插件。 有关更多说明，请参阅我们关于如何安装 WordPress 插件的初学者指南。
激活后，从 WordPress 管理侧边栏转到Pretty Link » 添加新页面。
到达那里后，您必须在“添加标题”字段中键入产品名称。
接下来，只需将您的附属产品 URL 复制并粘贴到“目标 URL”框中。
您现在可以在“漂亮链接”框中输入自定义 URL slug。 Pretty Links 将在它为您创建的联属网络营销 URL 的末尾使用它。
完成后，单击“更新”按钮以生成您的会员链接。
您现在将被重定向到“链接”页面。 在这里，只需从“漂亮链接”列中复制附属链接即可。
将附属链接添加到产品框
接下来，您需要返回到创建附属产品框的博客文章。
到达那里后，只需单击“列”块的右列即可打开块工具栏，然后单击“选择列”按钮。 这将打开块菜单。
接下来，只需添加 Buttons 块。
要添加链接，请单击“按钮”块工具栏中的“链接”图标。 这将打开一个弹出框，您必须在其中粘贴从 Pretty Links 页面复制的附属链接。
您还可以使用框中的搜索栏搜索附属链接。
最后，您需要向 CTA 按钮添加一些文本。
确保添加一个令人兴奋的短语作为您的 CTA，以鼓励客户点击链接。
您还可以使用块设置来设计您的附属产品框。 为此，只需单击“块设置”列中的“样式”图标。
在这里，您可以使用颜色选择器选择附属产品框的背景和文本颜色。
最后，单击“发布”或“更新”按钮以保存您的更改。
这就是附属产品框在我们的演示网站上的样子。
方法 3：使用 SeedProd 为附属登陆页面创建产品框
如果您想为自定义附属登录页面创建美观的产品框，那么此方法适合您。
您可以使用 SeedProd，这是市场上最好的 WordPress 页面构建器插件。 它可以帮助您创建一个视觉上吸引人的网站，而无需任何代码。
首先，您需要安装并激活 SeedProd 插件。 有关更多详细信息，请参阅我们关于如何安装 WordPress 插件的分步指南。
注意： SeedProd 还提供免费版本。 但是，我们将使用高级版本，因为它提供了更多的设计功能。
激活后，您必须访问SeedProd » 设置页面以输入插件许可证密钥。
您可以在 SeedProd 网站上的帐户中找到此信息。
接下来，只需从 WordPress 管理仪表板转到SeedProd » 登陆页面部分，然后单击“添加新登陆页面”按钮。
对于本教程，我们将向着陆页添加附属产品框。
您现在将被带到“选择新页面模板”屏幕。
从这里，您可以选择 SeedProd 提供的任何预制模板。
做出选择后，系统会要求您输入页面名称并选择 URL。 输入详细信息后，继续并单击“保存并开始编辑页面”按钮。
这将启动 SeedProd 的拖放页面构建器。
从这里，找到左侧栏中的 Columns 块并将其拖到右侧的设计界面上。
添加块后，系统会要求您选择列布局。 您只需单击 50/50 变体即可添加两个并排块。
您现在可以开始将图像块拖放到左列中。
接下来，单击图像块以在侧边栏中打开其块设置。 在这里，只需单击“使用您自己的图片”按钮，即可从媒体库中选择附属产品图片或从您的计算机上传图片。
之后，只需将标题块拖放到右栏中并添加附属产品标题。
您可以使用左侧边栏中的设置调整对齐方式和字体大小。
完成后，您需要将文本块拖放到产品标题下。 您可以为您正在推广的附属产品添加描述。
之后，只需单击“保存”按钮即可存储您的更改。
现在是时候创建附属链接了。
创建附属链接
首先，您需要安装并激活 Pretty Links 插件。 有关更多详细说明，请参阅我们关于如何安装 WordPress 插件的初学者指南。
激活后，从管理侧栏转到Pretty Link » 添加新页面。
在这里，您可以先在“添加标题”字段中输入产品名称，以便轻松找到附属链接。 只需输入关联公司的名称或产品本身。
接下来，在“目标 URL”选项旁边添加附属链接。
之后，在“Pretty Link”框中键入一个 slug。 此 slug 将出现在您的会员链接的末尾。
最后，继续并单击“更新”按钮以生成链接。
您现在将被重定向到“链接”页面。 在这里，只需从“漂亮链接”列中复制附属链接即可。
将附属链接添加到 SeedProd 产品框
复制附属链接后，您需要打开您设计附属产品框的 SeedProd 登录页面。
到达那里后，只需将按钮块拖放到产品说明下方即可。
接下来，您需要单击按钮以在左侧栏中打开其阻止设置。 在这里，您必须将会员链接复制并粘贴到“链接”框中。
之后，只需在“按钮文本”框中输入 CTA 的一些文本即可。
要设置附属产品框的样式，您需要选择“列”块以在左侧栏中打开其设置。
在这里，您可以选择背景颜色，甚至可以将背景图片添加到您的产品包装盒中。 您还可以根据自己的喜好调整 Columns 块的宽度和对齐方式。
完成后，单击“保存”按钮以存储您的设置。
这就是附属产品框在我们的演示网站上的样子。
我们希望本文能帮助您了解如何在 WordPress 中添加附属产品框。 您可能还想查看我们关于如何在 WooCommerce 中轻松添加会员计划的文章，以及我们为 WordPress 提供的最佳会员跟踪和管理软件的首选。
如果您喜欢这篇文章，请订阅我们的 YouTube 频道以获取 WordPress 视频教程。 您还可以在 Twitter 和 Facebook 上找到我们。