内容营销

WordPress插件:使用Elementor在灯箱中打开视频

我们采用了一个网站,该网站的客户 Elementor,一款适用于WordPress的出色的拖放式编辑插件,它可以轻松地构建具有响应能力的复杂,精美的布局,而无需编程或了解短代码。

Elementor确实有一些限制,我遇到了其中一个在客户端站点上遇到的限制。 他们只是想要一个可以在Lightbox中打开视频的按钮,而Elementor则不提供。 您可以使用带有或不带有播放按钮的图像来解决此问题,但是Elementor具有很好的按钮元素。 我很惊讶他们没有开箱即用。

值得庆幸的是,有一个插件!

Elementor的基本附加组件

值得庆幸的是,市场上有几个很棒的Elementor附加组件。 不过,在选择插件开发人员时必须非常小心。 在Elementor上构建WordPress网站会创建对Elementor的依赖。 然后,由其他供应商构建的加载项将创建另一个依赖项。 确保您的WordPress网站成功的关键是确保插件开发人员有大量的安装,并且随着WordPress和Elementor版本的更新,相关收入来维护和改进插件。

一个很棒的插件是 Elementor的基本附加组件。 通过超过800,000万的安装,该插件可能是Elementor在市场上最受欢迎的element插件。 该插件的主要功能是能够轻松地为使用Elementor构建的WordPress网站添加和配置灯箱。

元素灯箱按钮

安装付费版的Elementor基本插件插件后,请启用 灯箱和模态 功能来查看Elementor元素中的元素。 然后,您可以轻松地将其搜索并拖动到页面中:

元素灯箱模态

然后,您将需要修改元素的几个设置:

  • 将设置>触发设置为 按钮点击
  • 将设置>类型设置为 按键
  • 设置设置> 按钮文本
  • 将内容>类型设置为 链接到页面/视频/地图
  • 设置内容> 提供页面/视频/地图URL 到您的视频网址

然后,您可以根据需要自定义灯箱和按钮样式。 在此附加组件和Elementor之间是无缝的体验。

元素灯箱按钮

虽然该功能可能值得付费,但Elementor插件必备插件在免费版和付费版中均包含大量其他功能。 注意:灯箱功能是付费版本。

Elementor的基本附加组件:Free Elements

免费版本具有一些可以添加的基本元素:

  • 信息框 –通过在顶部添加图标并添加动画效果,以信息框类型显示关键信息。
  • 高级手风琴 –显示内容,启用切换图标,在手风琴部分中填入所需的文字,并使其对观众而言具有交互性。
  • Woo产品网格 –在任何地方展示WooCommerce产品,并按类别,标签或属性显示产品。 轻松在布局上添加悬停效果以使其震撼。
  • 翻转框 –在鼠标悬停时向左/向右翻转动画,精美地展示内容。
  • 高级标签 –以交互方式显示关键信息,以支持定制的嵌套选项卡设计以吸引实例中的受众。
  • Pricing Table –创建具有完美样式的有效产品定价表,以从潜在买家那里获得更多销售。
  • 图像手风琴 –使用EA图像手风琴以惊人的悬停和单击效果突出显示图像。 
  • 邮政网 –以网格布局显示多个博客文章。 您可以从布局设置中选择所需的布局,向其中添加动画,并使访问者看起来具有交互性。
  • 呼吁采取行动 - 设置号召性用语的样式,颜色,然后将其链接以将访问者定向到所需的操作。
  • Countdown –通过选择不同的样式来构建和设计计时器。
  • 发布时间表 –以惊人的垂直布局显示博客文章,页面或自定义文章。 您可以设置自己喜欢的帖子数量,添加惊人的效果,图像叠加层,按钮等,以吸引观众的兴趣。
  • 可过滤的图库–显示具有单独类别,网格样式的图像,并自定义整体设计以确保非凡的外观。

下载Elementor的基本加载项

Elementor的基本附加组件:付费元素

使用付费版本,您将获得更多的元素,这些元素在基于Elementor的主题中真正提供了最大的功能。

  • 灯箱和模态 –通过弹出窗口展示您的视频,图像或其他内容。 您可以设置所需的触发动作,添加动画以及设置布局以最大程度地吸引用户。
  • 图像比较 –使您的潜在买家可以在您的两个产品图片之间进行比较(新旧)以一种惊人的方式。
  • 旋转木马徽标 –选择所需的轮播效果,添加徽标并设置输出样式,以精美地显示所有客户或合作伙伴。
  • 视差效果 –使访问者可以通过多层视差效果来体验您的网站,甚至还可以包含鼠标悬停交互。
  • 促销 –添加引人注目的标题,内部内容,鼠标悬停内容和精美的图像,以吸引访问者的注意力。
  • 内容切换– 在您的内容上添加悬停效果,突出显示您希望访问者关注的差异。
  • 谷歌地图s –配置地图元素,添加标记图标,并使它与访客互动。
  • 粒子效果 –在您的网站上添加创意部分,使其脱颖而出。
  • 互动卡 –为内容块带来高级功能,例如内部滚动和悬停效果。
  • 受保护的内容 –使用密码或用户角色限制内容。
  • 帖子块 –使用现代CSS Flex的功能以各种独特的样式显示您的博客文章。 您可以选择布局,添加动画,添加图标并设置所有样式的样式,包括悬停效果。
  • 进阶工具提示 –在内容上方和下方添加工具提示。
  • 单页导航 –使用Elementor只需点击几下即可构建一个单页网站。
  • 推荐滑块 –创建一个交互式推荐板,在一个内容区域中精美展示多个评论。
  • Instagram –通过在您的站点上显示Instagram提要来吸引站点访问者的注意力并吸引更多的Instagram粉丝。
  • 图片热点 –使用自定义工具提示添加图像区域热点,以便用户可以单击热点以显示关联的文本。

我非常欣赏该插件的一个选项是能够启用或禁用站点中的每个元素。 这限制了将每个功能的脚本添加到您的站点的开销。

下载Elementor的基本加载项

Douglas Karr

Douglas Karr 首席营销官是 开放洞察 和创始人 Martech Zone。 道格拉斯帮助了数十家成功的 MarTech 初创公司,协助进行了超过 5 亿美元的 MarTech 收购和投资尽职调查,并继续协助公司实施和自动化其销售和营销策略。 道格拉斯是国际公认的数字化转型和 MarTech 专家和演讲者。 道格拉斯还是一本傻瓜指南和一本商业领导力书籍的出版作者。

相关文章

返回顶部按钮
关闭

检测到Adblock

Martech Zone 我们能够免费为您提供这些内容,因为我们通过广告收入、联属链接和赞助从我们的网站中获利。 如果您在浏览我们的网站时删除广告拦截器,我们将不胜感激。