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]
不知道有没有表达清楚。。。都是在米问中学到的,只是在这里做下整理,共同学习进步。。