如何在古德堡构建的页面中全局嵌入Elementor pro实现的设计模板,实现古德堡页面全局统一引用elementor pro设计
问题:古德堡header中全局引入elementor pro构建的右下角悬浮询盘弹窗,实现整站无论是古德堡/Elementor构建的页面都可以正常显示。
方案:
思路1:古德堡创建的header中直接引用Elementor pro构建器创建的template页短代码,直接导致古德堡编辑的页面前端显示空白内容,应该是直接导致资源冲突了。此方案不可行


思路2:古德堡创建的header中直接引用Kadence主题下创建的Elements模板短代码,在Elements模板中用elementor pro构建器编辑布局引用三方Elementor三方插件unlimited-elements-for-elementor-premium中的

2.用elementor 构建器直接编辑Elements模板,实现模板设计

3.激活Elementor三方插件中的引用组件

4.调整Elements模板可见性和适用范围

5.古德堡构建的header中引入Elements模板短代码,实现整站右下角悬浮弹窗功能

6.为什么放在古德堡构建的header中,因为整站为Elementor和古德堡混合页面构建,只有在共同引用的header中才能实现,所有页面实现右下角悬浮弹窗功能。

注意点:
如果整站的Header是用Elementor构建器创建的,那用Elementor创建模板或Kandence主题下的Element模板,引用短代码嵌入都能正常。仅在古德堡构建器创建的Header只能引用Kandence主题下的Element模板短代码,不能直接用Elementor创建模板。