如何在WordPress中添加WhatsApp共享按钮

Messaging apps like WhatsApp are becoming a new way to share things with friends. Recently one of our users asked us how they can add a WhatsApp share button in their posts. In this article, we will show you how to add WhatsApp share button in WordPress.

诸如WhatsApp之类的消息传递应用程序正在成为与朋友共享事物的新方式。 最近，我们的一位用户问我们如何在其帖子中添加WhatsApp共享按钮。 在本文中，我们将向您展示如何在WordPress中添加WhatsApp共享按钮。

影片教学 (Video Tutorial)

演示地址

If you don’t like the video or need more instructions, then continue reading.

如果您不喜欢该视频或需要更多说明，请继续阅读。

First thing you need to do is install and activate the WhatsApp Share Button plugin. Upon activation, you need to visit Settings » WhatsApp Share Button to configure the plugin.

您需要做的第一件事是安装并激活WhatsApp共享按钮插件。 激活后，您需要访问设置»WhatsApp共享按钮来配置插件。

在WordPress中自动显示WhatsApp共享按钮 (Automatically Show WhatsApp Share Button in WordPress)

The plugin allows you to add WhatsApp share button both manually and automatically.

该插件可让您手动和自动添加WhatsApp共享按钮。

If you want to automatically display the button, then you need to check the options where you want it to be displayed.

如果要自动显示按钮，则需要检查要显示按钮的选项。

Note: the plugin uses CSS code to detect a user’s screen size and will only show the WhatsApp button to users whose screen size is less than 1024px. If you are testing the plugin on your laptop, then you need to resize your browser screen until you see the button.

注意：该插件使用CSS代码检测用户的屏幕尺寸，并且只会向屏幕尺寸小于1024px的用户显示WhatsApp按钮。 如果要在笔记本电脑上测试插件，则需要调整浏览器屏幕的大小，直到看到该按钮。

You can choose to show it on your posts, pages, and homepage. You can also choose the location of the button to be before or after the post content.

您可以选择将其显示在您的帖子，页面和主页上。 您还可以将按钮的位置选择为帖子内容之前或之后。

The last option on the settings page adds a utm parameter to the shared link. This is particularly useful for tracking links in Google Analytics.

设置页面上的最后一个选项将utm参数添加到共享链接。 这对于跟踪Google Analytics(分析)中的链接特别有用。

Once you are satisfied with the options, click on the save button to store your settings.

对选项满意后，单击“保存”按钮以存储您的设置。

使用简码手动添加WhatsApp共享按钮 (Manually Add WhatsApp Share Button Using Shortcode)

WhatsApp Share Button plugin comes with a shortcode, that you can add anywhere on your WordPress site to display the WhatsApp Share button.

WhatsApp Share Button插件带有一个简码 ，您可以在WordPress网站上的任意位置添加以显示WhatsApp Share按钮。

Simply add [whatsapp] to your posts and pages where you want to display the button.

只需将[whatsapp]添加到要显示按钮的帖子和页面即可。

You can also use the shortcode inside a Text widget. By default, WordPress does not allow execution of shortcodes inside text widgets however you can enable this by adding a little code snippet into your theme’s functions.php file or a site-specific plugin.

您也可以在“文本”小部件内使用简码。 默认情况下，WordPress不允许在文本小部件内执行短代码，但是您可以通过在主题的functions.php文件或特定于站点的插件中添加一些代码片段来启用此功能 。

add_filter('widget_text', 'do_shortcode');

使用简码在WhatsApp中共享任何URL (Using The Shortcode To Share Any URL in WhatsApp)

By default, the shortcode [whatsapp] automatically uses the URL of the currently displayed post or page. However, you can override this and add any URL that you want your users to share by using a shortcode like this:

默认情况下，简码[whatsapp]自动使用当前显示的帖子或页面的URL。 但是，您可以使用以下短代码覆盖此内容并添加您希望用户共享的任何URL：

[whatsapp title=”WPBeginner” url=”https://www.wpbeginner.com”]

[whatsapp title =“ WPBeginner” url =“ https://www.wpbeginner.com”]

That’s all. We hope this article helped you learn how to add a WhatsApp share button in WordPress. You may also want to see our list of 21 best social media monitoring tools for WordPress users.

就这样。 我们希望本文能帮助您学习如何在WordPress中添加WhatsApp共享按钮。 您可能还想查看我们为WordPress用户提供的21种最佳社交媒体监视工具列表。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube频道 WordPress视频教程。 您也可以在Twitter和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-add-whatsapp-share-button-in-wordpress/