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

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

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

第一步:进入elementor编辑页面

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

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

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

第三步:添加图标小组件

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

第四步:设置图标的参数

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

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

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

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

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

最终的效果

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

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

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

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

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