用elementor给网站添加侧边栏悬浮按钮的方法

国内很多网站都喜欢在侧边栏加各种的悬浮按钮,比如购物车、联系客服、开通会员等等,可汗网就为大家分享下利用elementor添加侧边栏旋钮按钮的方法。

该教程适用于elementor免费版和elementor pro版,你如果用的是elementor免费版那也是可以的。本教程以soledad主题为例,当然,你用其他主题也可以。

第一步:进入elementor编辑页面

用elementor给网站添加侧边栏悬浮按钮的方法

第二步:添加一个全款的模块

用elementor给网站添加侧边栏悬浮按钮的方法

第三步:添加图标小组件

用elementor给网站添加侧边栏悬浮按钮的方法

第四步:设置图标的参数

用elementor给网站添加侧边栏悬浮按钮的方法

样式根据你自己的喜好设置,记住,图标要设置成右对齐

用elementor给网站添加侧边栏悬浮按钮的方法

高级设置里面是最重要的设置,宽度设置为行内、位置设置为固定、水平方向设置为右对齐,拖动水平和垂直放箱单的偏移,调整到合适的位置为止。

设置完成后,保存即可查看效果。

最终的效果

用elementor给网站添加侧边栏悬浮按钮的方法

图标的位置、大小、颜色、悬浮样式都可以调整,你可以根据自己的喜好进行修改。

以上便是利用elementor创建网页悬浮窗的教程,如果你对此教程有什么补充的内容,请在评论区留言。

 

声明:本站文章如无特别说明,均来源于网络,如有侵权,请联系邮箱[email protected]

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索