使用 Elementor Pro 获得更多参与度:新的共享按钮小部件

已发表: 2017-04-25

我相信您希望获得更多分享到您的网站。 (谁不呢?)

今天 Elementor Pro 引入了一种向WordPress 添加共享按钮的新方法,该方法比以往任何时候都更快、更灵活。

诚然,社交分享按钮是昨天的新闻,早在 2012 年就发布了关于该主题的文章。也就是说,仅 Facebook 的用户就从 2012 年的 9.55 亿增长到 2016 年的 18.6 亿。如果考虑到总时间的 20%在线是在社交平台上完成的,很明显,社交按钮在为您的网站获得更多流量方面起着至关重要的作用。

这个版本也是从我们从用户那里得到的许多请求演变而来的。 在此版本中,我们从您的网站插件列表中删除了另一个插件。 这可以加快您的网站性能,并方便您从 Elementor 编辑器中控制另一个功能。

订阅我们的 YouTube 频道

社交分享的最佳解决方案

我们正在发布的当前版本为以下网络提供共享按钮:

元素共享按钮

我们设法构建了一个社交共享功能,在两个关键领域超越了替代品:快速性能和高级设计定制。

按钮设计定制

为了很好地适应现有的网站设计,共享按钮包括按钮的每种样式设置的高级自定义选项。 您可以设置皮肤、对齐方式、响应式显示等等。

让我们回顾一下设计共享按钮的一些选项。

分享按钮皮肤

皮肤设计

皮肤是一组可供您选择的预制样式,包括:

最小:在默认和基本皮肤中显示分享按钮

框架:框架内显示图标、文本和计数器

盒装图标:在框内显示图标

平面:在平面设计中显示所有元素

渐变:以与文本和计数器不同的阴影显示图标

分享按钮的设计

图标/文字显示

您可以选择显示图标、文本或两者。 这使您可以选择充分利用桌面和移动设备上的可用空间。

共享按钮列

列/内联布局

列设置让您选择按钮将出现在的列数。将列设置为自动将内联显示按钮。 如果将其设置为 1,则每个按钮都将出现在单独的行中。 2 列将在两列上显示按钮,依此类推。

自定义颜色和字体

颜色和排版定制

分享按钮获得每个社交网络的默认颜色。 您还可以自定义自己的颜色,使按钮的颜色与您网站的配色方案相对应。

分享按钮大小

间距和尺寸

除了自定义颜色和排版,您还可以更改共享按钮的结构,包括:

  • 设置按钮间距
  • 更改按钮和图标大小
  • 改变按钮高度
分享按钮移动编辑

响应式编辑

您的大部分用户在移动设备上浏览您的网站。 借助 Elementor 的分享按钮,您可以通过使用 Elementor 的移动编辑工具集自定义分享按钮的设计,让他们轻松地在社交媒体上分享您的内容。

共享按钮的自定义标签

自定义标签(“分享单词”而不是“Facebook”)

按钮的 CTA(号召性用语)对让用户点击有很大影响。 幸运的是,使用我们的共享按钮,您不必使用社交网络的标准名称。 您可以指定您想要的任何文本,并为每个按钮添加一个独特的消息。

邮件和打印共享按钮

打印和电子邮件

除了分享到社交网络之外,您的访问者还可能希望通过电子邮件将其发送给特定的人。 当您想与同事分享有用的内容时,这很有用。

柜台

通过显示共享计数器,您可以立即向访问者提供社交证明,让他们知道您的内容受到其他人的喜爱和赞赏。

分享柜台是博客文章的一个很好的补充,但也为其他页面创造了奇迹,包括销售页面。 试想一下,如果您的访问者看到数十或数百人分享了您的产品,他们会更倾向于购买您的产品。

在我们的研究中,我们发现当前的社交分享插件缓慢、缓慢且消耗资源,尤其是在显示分享计数器方面。

我们设法保持社交计数器快速运行的方法之一是使用 Donreach 的 API 脚本。 这是一个优化的开源共享计数 API,允许您显示所有社交共享计数器。

* 注意 – 您可以通过使用全局小部件功能或通过在页面模板中嵌入 Elementor Shortcode 来在多个页面中使用共享按钮。