首页 » 博文 » wpbeginner » 最佳插件 » 如何在 WordPress 中显示 Google、Facebook 和 Yelp 评论

如何在 WordPress 中显示 Google、Facebook 和 Yelp 评论

您想在 WordPress 中显示 Google、Facebook 或 Yelp 评论吗?

客户评论鼓励人们信任您的网站并从您的企业购买产品。有很多第三方网站,潜在客户可以在其中看到您的评论,但在您自己的网站上显示此内容也是一个好主意。

在本文中,我们将向您展示如何在 WordPress 网站中显示来自 Google、Facebook 和 Yelp 的商业评论。

如何在 WordPress 中显示 Google、Facebook 和 Yelp 评论

为什么应该在 WordPress 中显示商业评论

客户可以在许多不同的网站上评论您的公司,例如 Google、Yelp 和 Facebook。但是,潜在客户需要访问这些第三方网站才能查看评论。

话虽如此,最好将 Google、Yelp 和 Facebook 评论添加到您的 WordPress 网站,以便每个人都可以看到它们。例如,您可能会在WooCommerce 产品页面或“关于我们”页面上显示正面评价。

显示客户评论的网站示例

这些评论可以说服客户信任您的公司,即使他们以前没有从您那里购买过产品。

添加专门来自信誉良好的平台的评论可以作为社会证明,向潜在客户表明您的业务是值得信赖和可靠的。

您甚至可以使用评论来降低购物车放弃率,只需将它们添加到您的自定义 WooCommerce 结帐页面即可

自定义结账评论页面,包含客户评论

话虽如此,让我们看看如何轻松地将 Yelp、Google 和 Facebook 评论添加到 WordPress。只需使用下面的快速链接即可直接跳至您要使用的平台。

如何在 WordPress 中显示 Google、Facebook 和 Yelp 评论

您可以简单地将最佳评论复制并粘贴到您的网站中,然后使用客户评论插件显示它们。但是,根据您使用的插件,您可能需要手动添加新评论,这可能需要花费大量时间和精力。

客户在 Yelp 和 Facebook 等网站上发帖与您的 WordPress 网站上显示的评论之间也会存在延迟。

考虑到这一点,最好创建一个使用Reviews Feed Pro插件自动更新的评论源。

这个插件允许您显示来自所有最大评论平台的评论。

客户评论,显示在 WordPress 网站上

它还附带预先设计的模板,因此您可以以不同的布局显示您的评论,包括展示、轮播、网格等。

评论源会自动复制您网站的设计,因此评论看起来就像您网站的自然组成部分,而不是从其他平台嵌入的内容。

首先,您需要安装并激活该插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,单击左侧菜单中的评论源。然后,您可以添加您的 Reviews Feed Pro 许可证密钥并单击“激活”按钮。

将您的许可证添加到评论源 WordPress 插件

您可以在 Smash Balloon 网站上您的帐户下找到许可证密钥。

激活插件后,您就可以显示来自 Google、Facebook 或 Yelp 的评论。

方法 1.如何在 WordPress 中显示 Yelp 评论

Yelp 是一个受欢迎的网站,访问者可以在这里评论餐馆、品牌、服务、产品等。

如果您的企业已经获得了一些积极的 Yelp 评论,那么将它们添加到您的网站可以为您带来更多销售额、会员、约会等。

Yelp 评论源的示例

如果您还没有 Yelp 帐户,那么您可以声明您的 Yelp 商家页面。

由于 Yelp 是一个公共网站,因此您可以显示任何拥有 Yelp 列表的企业的评论。例如,如果您拥有一个企业列表博客或 会员网站,那么您可以在您的网站上显示不同本地企业的 Yelp 评论。

要向您的网站添加评论,您需要创建 Yelp API 密钥。只需前往Yelp 开发者页面并输入您的电子邮件地址即可。

Yelp 开发者网站

然后,单击“发送登录链接”按钮。

注意:如果您还没有帐户,请转至Yelp 注册页面并按照屏幕上的说明进行注册。

片刻之后,Yelp 会将一次性登录链接发送到您的电子邮件地址。只需打开电子邮件并使用“单击登录”按钮即可。

登录 Yelp 开发者网站

这将带您进入 Yelp 开发者门户。

在工具栏中,单击“管理 API 访问”。

访问 Yelp 开发者网站

在此屏幕上,在“应用程序名称”字段中输入您的 Yelp 应用程序的名称。这仅供您参考,因此您可以使用任何您想要的东西。

之后,打开“行业”下拉列表并选择最能反映您的网站或业务的行业。

在开发者控制台中创建 Yelp 应用程序

从那里输入您的电子邮件地址并添加说明。

完成后,阅读条款和条件。如果您愿意继续,请检查条款和条件框,决定是否要从 Yelp 获取电子邮件更新,并通过验证码。

最后,单击“创建新应用程序”按钮。

在开发者控制台中创建 Yelp 添加

几分钟后,您将看到以下消息“太棒了,您的应用程序已创建!” 检查下面您的应用程序 ID 和 API 密钥。

您需要将此信息添加到您的WordPress 网站

如何获取 Yelp API 密钥

只需转到WordPress 仪表板中的评论源 » 设置即可。

然后,滚动到“管理 API 密钥”并单击“Yelp”旁边的小铅笔图标。

如何将 Yelp API 密钥添加到 WordPress

在弹出窗口中,添加您的 Yelp API 密钥。

然后,单击“添加”按钮。

如何将 Yelp API 密钥添加到 WordPress

完成此设置后,您就可以将 Yelp 评论添加到您的网站了。

只需转到评论源 » 所有源。然后,单击“添加新”按钮。

如何在您的 WordPress 网站上显示 Yelp 评论

在下一个屏幕上,再次单击“添加新项”。

在出现的弹出窗口中,选择“Yelp”,然后单击“下一步”按钮。

如何在您的 WordPress 博客或在线商店上显示 Yelp 评论

您现在可以添加要使用的 Yelp 页面的 URL。这可以是您拥有的页面或任何公共第三方页面。

之后,单击“完成”。

将 Yelp 页面添加到您的 WooCommerce 商店或 WordPress 网站

Smash Balloon 现在将将此 Yelp 页面显示为可能的来源。

要继续创建提要,只需选中 Yelp 页面旁边的框,然后单击“下一步”。

在 WordPress 中创建 Yelp 评论源

您现在可以选择用于评论源的模板,例如展示轮播、网格轮播,甚至单个评论模板。

选择设计后,单击“下一步”按钮。

为您的 Yelp 评论选择 Smash Balloon 模板

Smash Balloon 现在将在其编辑器中显示 Yelp 评论提要,供您进行微调。

有关如何自定义 Feed 并将其添加到您的网站的说明,请跳至本指南的末尾。

方法 2.如何在 WordPress 中显示 Google 评论

Google 评论是客户可以在线评论您的业务的另一个地方。再次强调,正面评论对于建立信任和获得转化非常重要,但这些评论也会影响您的网站在搜索结果中的显示位置。

许多积极的 Google 评论和高排名可能会提高您企业的搜索排名,尤其是在本地搜索结果中。

Google 还会在相关搜索引擎结果页面上显示您的评论。

Google 评论,在 Google 搜索引擎结果中

通过将这些评论添加到您的网站,您可以鼓励人们访问您的 Google 列表并给您留下积极的评价。

这可能会改善您的WordPress SEO以及相关搜索引擎结果中显示的整体星级评级。

话虽如此,让我们看看如何将 Google 评论添加到您的 WordPress 网站。

使用 Smash Balloon 添加到 WordPress 的 Google 评论示例

首先,您需要创建一个 Google API 密钥,因此请转到Google 控制台并使用您的 Google 帐户登录。

登录控制台后,点击“Google Home”。

谷歌云控制台

如果您是首次登录 Google 控制台,则需要接受条款及条件。

完成后,单击“新项目”。

在 Google Cloud Console 中创建新项目

您现在可以输入项目的名称。这仅供您参考,因此您可以使用任何您想要的东西。

完成后,单击“创建”按钮。

在 Google Cloud 控制台中创建新项目

之后,单击左上角的横线图标打开菜单。

在菜单中,选择“API 和服务”和“凭据”。

如何在 Cloud Console 中创建 Google API 密钥

您现在将看到所有 Google 项目。

只需找到我们刚刚创建的项目并单击即可。

在 Cloud 控制台中创建 Google 凭据

在搜索字段中,开始输入“Places API”。

当正确的 API 出现时,单击它。

启用 Google Places API

这将带您进入一个屏幕,您可以在其中激活用于发出 Places API 请求的密钥。

为此,只需单击“启用”按钮即可。

激活 Google Places API

完成后,按向后箭头返回主 Google Cloud Console 仪表板。在这里,点击“创建凭据”。

继续并从下拉菜单中选择“API 密钥”。

在 Google Cloud Console 中创建 API 密钥

几分钟后,您将看到“API 密钥已创建”弹出窗口。

您需要将此信息添加到您的WordPress 博客或网站,因此请记下它。

在 Cloud Console 中创建的 Google API 密钥示例

默认情况下,所有 Google 的 API 密钥均不受限制。要阻止其他人使用 API 密钥,您需要通过单击弹出窗口中的“编辑 API 密钥”链接来限制它。

这将打开一个显示您所有 Google API 密钥的屏幕。只需找到您刚刚创建的密钥,然后单击即可。

编辑 Google API 密钥

注意:如果您不小心关闭了弹出窗口,请不要担心。您可以通过选择左侧菜单中的“凭据”来访问同一屏幕。

在“应用程序限制”下,点击“HTTP 引荐来源网址(网站)”。

限制对您的 Google API 密钥的访问

在“网站限制”下,点击“添加”。

您现在可以输入WooCommerce商店或WordPress 网站的地址,然后单击“完成”。

如何保护您的 Google API 密钥

为了确保 Smash Balloon 可以访问 Places API,您还需要输入 www.googleapis.com 并点击“完成”。

在“API 限制”下,选择“限制密钥”旁边的按钮。

添加对 Google API 密钥的限制

完成后,点击“选择 API”下拉菜单,然后选中“Google Places API”旁边的框。

现在我们准备好单击“确定”。

创建受限制的 Google API 密钥

下一步是将 API 密钥添加到您的网站。在 WordPress 仪表板中,转到评论源 » 设置

在“管理 API 密钥”下,点击“Google”旁边的铅笔图标。

将 Google API 密钥添加到您的 WordPress 网站

在弹出窗口中,添加您的 Google API 密钥。

之后,单击“添加”按钮。

如何将 Google API 密钥添加到您的 WordPress 网站

现在您已经添加了 API 密钥,可以创建显示所有 Google 评论的 Feed。

为此,请转到评论源 » 所有源,然后单击“添加新的”按钮。

如何将 Google 评论添加到您的 WordPress 网站

在下一个屏幕上,单击“添加新项”。

在出现的弹出窗口中,单击“Google”,然后选择“下一步”。

如何为 WooCommerce 网站或在线商店创建 Google 评论 Feed

现在,您需要输入要在 Feed 中使用的咖啡馆、餐厅或其他场所的地点 ID。

要获取 ID,请转至Google 的地点 ID页面并滚动至“查找特定地点的 ID”。

如何查找企业或地点的地点 ID

Google 地图搜索栏中,开始输入您想要展示的地点的地址或名称。当出现正确的位置时,单击它。

Google 现在将在一个小弹出窗口中显示地点 ID。

获取 Google 地点 ID

继续并复制地点 ID。

现在,切换回 WordPress 仪表板并将 ID 粘贴到“输入地点 ID”字段中。

如何将地点 ID 添加到您的 WordPress 网站

完成后,单击“完成”。

要继续创建提要,您需要选中刚刚添加的 Google 地点旁边的复选框,然后点击“下一步”。

选择 Google 页面作为评论来源

您现在可以选择要用于评论源的模板,然后单击“下一步”。

Smash Balloon 现在将创建一个 Feed,显示您的所有 Google 评论。

使用 Smash Balloon 创建的 Google 评论供稿

您想更改 Feed 的外观吗?跳至本文末尾,获取有关如何微调 Google 评论供稿,然后将其添加到您的网站的详细分步指南。

方法 3.如何在 WordPress 中显示 Facebook 评论

许多企业、网站和在线商店使用 Facebook 与受众建立联系。Facebook 也有自己的内置评论系统,因此您可能需要将这些评论添加到您的网站。

与 Yelp 和 Google 不同,您的 Facebook 页面属于您,因此这也是宣传您的个人资料并获得更多社交媒体关注者的一种方式。

如何在 WordPress 网站上显示 Facebook 评论

要创建 Facebook 评论源,请转到评论源 » 所有源

然后,单击“添加新”按钮。

如何在 WordPress 中创建 Facebook 评论源

在下一个屏幕上,再次单击“添加新项”。

在出现的弹出窗口中,单击“Facebook”,然后选择“与 Facebook 连接”。

选择 Facebook 评论的来源

在下一个屏幕上,选择“页面”旁边的单选按钮。

完成后,点击“连接到 Facebook”。

将 Smash Balloon 的评论插件连接到 WordPress

这将打开一个弹出窗口,您可以在其中登录 Facebook 帐户并选择从中获取评论的页面。

之后,我们就可以单击“下一步”。

将 Smash Balloon 评论插件连接到 WordPress

Facebook 现在将显示 Smash Balloon 可以访问的所有信息以及它可以执行的操作。

要限制 Smash Balloon 访问您的 Facebook 页面,只需单击任意开关将其从“是”改为“否”。但是,请注意,这可能会影响您网站上显示的内容。

考虑到这一点,最好启用所有开关。

授予评论源插件访问您的 Facebook 页面的权限

如果您对 Facebook 权限的设置感到满意,请点击“完成”。

片刻之后,您应该会看到一条消息,确认您已连接 WordPress 网站和Facebook 页面

完成后,单击“确定”按钮。

成功连接评论源和粉碎气球

Smash Balloon 会自动带您返回 WordPress 仪表板,您将在其中看到刚刚连接到您网站的 Facebook 页面。

只需选中 Facebook 页面旁边的复选框,然后单击“下一步”按钮。

如何在您的 WooCommerce 商店或 WordPress 网站上显示 Facebook 评论

您现在可以选择要用于 Facebook 评论源的模板。

做出决定后,单击“下一步”。

选择 Facebook feed 审核的模板

Smash Balloon 现在将创建一个提要,显示您所有的 Facebook 评论。

自定义您的 Google、Facebook 或 Yelp 评论源

Smash Balloon 会自动复制您的WordPress 主题,因此您创建的任何评论源都将完美适合您网站的设计。然而,Smash Balloon 还具有高级提要编辑器,因此您可以微调提要的每个部分。

无论您是使用 Google、Facebook 还是 Yelp 创建提要,Smash Balloon 都会自动打开其提要编辑器。

《粉碎气球》评论编辑

注意:如果您不小心关闭了编辑器,请不要惊慌。只需转到WordPress 仪表板中的评论源 » 所有源,然后单击源旁边的“编辑”图标。

Smash Balloon 在右侧显示您的评论源的实时预览。左侧是一个菜单,其中显示了可用于更改提要外观的不同设置。

要查看可以进行哪些更改,请首先单击左侧菜单中的“布局”。在这里,您可以选择Grid、 Masonry 或 Carousel 布局。

当您单击不同的布局时,实时预览将自动更新以显示新的布局。这样可以轻松尝试不同的布局并找到您喜欢的布局。

更改评论提要的布局

您还可以更改间距、提要中包含的评论数量以及 WordPress 从每个评论中显示的字符数。

当您进行更改时,请记住,与台式计算机相比,智能手机和平板电脑上的提要可能看起来有所不同。

话虽如此,最好使用右上角的一排按钮来测试您的提要的移动版本。通过这种方式,您可以创建一个在智能手机和平板电脑上看起来与在台式电脑上一样好的评论源。

在智能手机、平板电脑和台式电脑上预览评论源

最后,如果您选择轮播布局,则可以使用“分页”设置更改评论的滚动方式。

例如,您可以启用自动播放,以便评论自动滚动,或者增加间隔,以便访问者有更多时间阅读每条评论。

以轮播布局显示评论

当您对这些更改感到满意时,请单击“自定义”旁边的小箭头。

这将带您返回主 Smash Balloon 评论源编辑器。

使用 Smash Balloon 自定义评论源

您可以探索的下一个设置是“标题”,它控制显示在 Feed 顶部的文本。

默认情况下,Smash Balloon 显示“评论”标题、您的平均星级和“撰写评论”按钮。

自定义评论提要标题

此标题可以帮助访问者理解内容,同时也鼓励他们留下自己的评论。但是,如果您愿意,可以使用“启用”切换按钮删除标题。

如果您确实显示标题,则可以使用标题、按钮和平均评论评级复选框添加或删除内容。

从 Google、Facebook 或 Yelp 源中删除内容

要更改填充和边距,只需使用“元素标题间距”下的设置即可。

如果您想更改标题中显示的任何文本,只需单击标题、按钮或平均评论评级即可。这将带您进入可以更改文本颜色、大小等的区域。

您还可以通过在“内容”字段中输入内容,将标准文本替换为您自己的自定义消息。

向 Yelp、Facebook 或 Google 评论源添加自定义标头

当您准备返回主编辑器屏幕时,只需单击左侧菜单顶部的“自定义”链接即可。

您可以查看的下一个设置是“评论”,因此请单击此选项。在这里,您可以选择“帖子样式”和“编辑单个元素”。

自定义 Facebook、Yelp 或 Google 评论源

如果您选择“帖子样式”,则可以更改各个评论在提要中的外观。例如,您可以切换到盒装布局、添加阴影并更改角半径以创建弯曲边缘。

当您进行更改时,预览会自动更新,以便您可以尝试不同的设置,看看什么在您的网站上看起来最好。

将盒装布局样式添加到 WordPress 中的评论源

如果您选择“编辑单个元素”,那么您将看到 Reviews Feed Pro 在每条评论中包含的所有不同内容,例如评级、作者和日期以及评论文本。

要删除内容,只需单击取消选中其框即可。

自定义评论提要中的内容

您还可以通过单击来自定义每种类型的内容的外观。

例如,在下图中,我们更改了评论内容(称为“评论段落”)的颜色和大小。

更改评论提要中的文本样式

如果您对评论提要的外观感到满意,请单击“自定义”返回主 Smash Balloon 编辑器。

您现在可以通过选择“加载更多按钮”转到下一个设置屏幕。

自定义 WordPress 评论源中的“加载更多”按钮

“加载更多”按钮允许访问者滚动浏览更多评论,因此该插件默认添加它。由于它是一个如此重要的按钮,您可能希望通过更改背景颜色、悬停状态、标签、边距等来帮助它脱颖而出。

您还可以通过在“文本”字段中输入内容,将默认的“加载更多”文本替换为您自己的消息。

自定义“加载更多”按钮

如果您愿意,可以通过单击“启用”切换按钮完全删除该按钮。

如果您对评论源的外观感到满意,请不要忘记点击“保存”。完成此操作后,您就可以将 Google、Facebook 或 Yelp 评论添加到您的网站了。

如何在您的 WordPress 网站上添加评论

现在,您可以使用块、小部件或短代码将评论源添加到您的网站。

如果您使用 Reviews Feed Pro 创建了多个 Fe​​ed,那么如果您要使用小部件或块,则需要知道该 Feed 的短代码。

要获取此信息,请转到评论源 » 所有源,然后查看“短代码”下的值。您需要将此代码添加到块或小部件中,因此请记下它。

在下图中,我们需要使用 [reviews-feed feed=2]

使用短代码向 WordPress 添加评论提要

如果您想将摘要嵌入页面或帖子中,则可以使用评论摘要块。

只需打开您想要显示 Yelp、Google 或 Facebook 评论的页面或帖子即可。然后,单击“+”图标添加新块并开始输入“评论源”。

当右侧块出现时,单击将其添加到页面或帖子中。

将评论源块添加到您的 WordPress 网站

默认情况下,该块将显示您的评论源之一。如果您想显示不同的提要,请在右侧菜单中找到“短代码设置”。

在这里,只需添加您之前获得的短代码,然后单击“应用更改”。

如何使用短代码将 Yelp、Facebook 和 Google 评论添加到您的网站

如果您对评论源的外观感到满意,那么您可以继续发布或更新页面。

另一种选择是将评论源小部件添加到您的网站。这是在网站的每个页面上显示积极的客户评论的好方法。例如,您可以将小部件添加到侧边栏或WordPress 页脚

要将评论源小部件添加到您的网站,请转到外观»小部件。然后,您可以单击屏幕顶部的蓝色“+”图标。

如何将评论提要小部件添加到您的 WordPress 主题

在出现的面板中,输入“评论源”以查找正确的小部件。

然后,只需将小部件拖动到要显示评论的区域,例如侧边栏或类似部分。

如何在小部件就绪区域添加评论

该小部件将自动显示您使用评论源插件创建的源之一。如果这不是您想要显示的 Feed,请在“短代码设置”框中输入该 Feed 的短代码。

之后,单击“应用更改”。

现在,您可以通过单击“更新”按钮使小部件生效。有关更多信息,请参阅我们有关如何在 WordPress 中添加和使用小部件的分步指南。

另一种选择是使用短代码将 Google、Facebook 或 Yelp 评论嵌入到任何页面、帖子或小部件就绪区域。

只需转到评论源 » 所有源并复制“短代码”列中的代码即可。您现在可以将此代码添加到任何简码块中。

如需放置短代码的帮助,请参阅我们有关如何添加短代码的指南。

您使用的是启用块的主题吗?然后,您可以使用全站编辑器在网站上的任何位置添加评论源块。

在 WordPress 仪表板中,转到外观 » 编辑器

使用全站编辑器 (FSE) 添加评论到您的网站

默认情况下,全站编辑器将显示主题的主页模板。如果您想将 Google、Facebook 或 Yelp 源添加到其他模板,请单击“主页”旁边的箭头。

然后,您可以从下拉列表中选择任何设计,例如页脚模板。

如何将 Facebook、Yelp 或 Google 评论添加到 FSE 模板

选择模板后,只需将鼠标悬停在要显示评论的区域即可。

然后,单击“+”按钮。

如何使用 WordPress 全站编辑器添加评论块

完成此操作后,输入“评论源”。

当右侧块出现时,单击将其添加到模板中。

使用全站编辑器 (FSE) 添加评论到您的网站

与往常一样,评论源将默认显示一个源。您可以按照上述相同流程添加短代码来更改此 Feed。

我们希望本文能帮助您了解如何在 WordPress 中显示 Google、Facebook 和 Yelp 评论。您还可以阅读我们关于小型企业最佳电子邮件营销服务以及如何创建电子邮件通讯的指南。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top