写文章
LewisLee
2015-09-28 23:47

avada主题,设置Call to Action弹出表单,提交跳转时,遇到的问题和解决方法

avada-3.8.5版本

前序:想在homepage添加一个Call to Action,客人点击时弹出表单收集客人的信息,然后跳转到下载页面

在操作的过程中遇到各种问题,在群里和米问上各种搜索,最终找到如下的解决方案

第一步,在首页添加Tagline Box(或者是button,看需要和喜好)和modal,放在想要的位置,操作如下:


[attach]9217[/attach]


第二步,Tagline Box里面的如何设置,大家都比较了解,主要是在设置项里找到modal window anchor,此处要特别**注意**:填写的内容要和Name Of Modal里面的一模一样,切记!


[attach]9218[/attach]


第三步,modal设置
弹窗的内容要通过个这元素来实现,弹窗出现的内容可以参照avada的demo,这个元素在前台看不到,只要和Tagline Box或者button在同一编辑页就可以调用。
特别注意Name of Modal,按设置说明命名,注意命名的方式downloadtemplates或者download-templates是可以接受,download templates就不行,此命名要填到Tagline Box或者button的modal window anchor


[attach]9219[/attach]


contents of modal,插入弹窗内容的地方,把代码粘贴到这里,就能显示想要弹窗内容,比如我用是cf7,当建好cf7的form时,会有一个Shortcode,直接把Shortcode粘贴到里面就可以了。


[attach]9220[/attach]



[attach]9222[/attach]


到这里首页的CTA和弹窗基本完成,但是如果你下载了download manager这个插件,它默认设置和modal有冲突,需要到download manager的setting里面Misc Settings设置为disable JS,保存就ok了。


[attach]9221[/attach]


另外,使用contact form 7的代码插入modal,当客户提交表单以后,是如何跳转到download页面的
在左边contact里面添加你想要的form,然后在添加的form里面其中有个选项Additional Settings,在里面添加代码:on_sent_ok: "location = 'http://www.xxxxx.com/';"提交表单以后,就可以跳转了


[attach]9223[/attach]


不知道有没有表达清楚。。。都是在米问中学到的,只是在这里做下整理,共同学习进步。。
举报
收藏
转发
0/500
添加表情
评论
评论 (12)
最近
最早
3天2夜学会建站
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示