-
Posts
-
I need to be able to solve the apparent compatibility issues between “Enfold” and the very popular “LeadPages” buttons and opt in pop-ups.
Click here to see an image sequence describing the issue
I am trying to implement “LeadPages” buttons on my pages. The issue I am describing here occurs on multiple sites I am creating and maintaining for clients. I need to be able to solve the apparent compatibility issues between LeadPages and this theme.
1. In the first step I add the code for a LeadPages generated “LeadBox” button, or link, or image.
2. When I then try and save the page (that I have added the button to), the page saves correctly, but afterwards the WordPress editor hangs with a circular progress icon (click here to see an image sequence of this)
• I should note that even though the editor hangs, the Leadpages functions work properly
• Also I am using the latest version of WordPress, Enfold 3.04, Leadpages plugins etc.
• I should note that I have disable ALL plugins except Lead-Pages, and that I have tested this on multiple different WordPress sites
3. My current work-around: After the page hangs, if I then re-fresh the page manually again after saving it, it displays correctlyThis scenario means that editing a web page is extremely time consuming, since essentially each page has to be saved twice, causing massive time delays in the editing process. Also for clients editing their own pages, this work-around is not acceptable. We are getting some of our clients to want to sign up to LeadPages, with us as the affiliate, but this scenario means that LeadPages are not usable for them.
So it would seem that this is a conflict of some sort with the leadpages javascript code that is added when a LeadBox is added to a page. If this javascript is removed, the site behaves normally. Here is the script I am trying to add.
<script src=”//my.leadpages.net/leadbox-816.js” type=”text/javascript” data-leadbox=”120d85c73f72a2:147f64e27b46dc” data-url=”https://my.leadpages.net/leadbox/120d85c73f72a2%3A147f64e27b46dc/5664248772427776/” data-config=”%7B%7D”></script>
This javascript in question can be viewed here: http://my.leadpages.net/leadbox-816.js
I would very much appreciate any help on how to resolve this very time consuming issue.
Regards, Juergen
Hi JuergenB!
I added the code to a codeblock element and saved and I didn’t see any errors. You’ll need to add javascript code to the codeblock elements.
Cheers!
ElliottHi Elliot:
I already had tried it as both a code-block as well as a text element, and for me the error errors in both scenarios.
Q: Did you change the page and save it the way you think it should be?
If not, can you make these changes, and save the results on the homepage at http://conference-app-system.com/polymash15/wp-admin/post.php?post=11&action=edit&message=1
I have placed a code-block there, with the button code, and the error is still occurring.
When clicking update, the Avia layout builder hangs as described…
If you could show me the fix in action, I appreciative it hugely!
Many Thanks, Juergen
PS, the full HTML button code and javascript from leadpages is as follows:
<a href="https://my.leadpages.net/leadbox/14268b373f72a2%3A147f64e27b46dc/5662329727352832/" target="_blank" style="background-color: rgb(33, 200, 199); color: rgb(255, 255, 255); text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; padding: 10px; display: inline-block; max-width: 300px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 1px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 3px inset, rgba(0, 0, 0, 0.498039) 0px 1px 3px; background-position: initial initial; background-repeat: initial initial;">Click Here to Download >></a><script data-leadbox="14268b373f72a2:147f64e27b46dc" data-url="https://my.leadpages.net/leadbox/14268b373f72a2%3A147f64e27b46dc/5662329727352832/" data-config="%7B%7D" type="text/javascript" src="//my.leadpages.net/leadbox-824.js"></script>Hi!
It’s still working fine for me. What browser are you using? Try it in a different browser and take a screenshot of what is happening so we can get a better idea.
Regards,
ElliottHi Elliot:
Many Thanks for your help!
I’ve now tested it in Safari, Chrome and Firefox, and am also providing an image sequence below.
Click here to see an image sequence describing the issue.- I am using Safari for the above examples. The error occurs there.
- I can confirm the issue does NOT occur in Chrome.
- I can confirm the issue does NOT occur in FireFox.
So it looks like this issue is particular to Safari, but I’m pretty sure this is not related just to my browser configuration, as I also shared the issue with the folks at LeadPages, they have logged in as well and confirmed this happens to them when they use the “update” button to save the page. So I am assuming they use Safari as well.
Elliot, do you have any thoughts on fixes / work-arounds? I’m OK to work in Chrome, but what about clients of ours who use only Safari? Is there any information I should pass on to the LeadPages developer team as far as improving their implementation?
Hi!
So it’s only a Safari issue then? Not really sure why that would be happening. I would try contacting the plugin authors to see if they have any idea. If it was me though I would just ignore it and save the page twice as it only seems to be a cosmetic issue. Or use the default editor.
Or if you need this to be on all pages then you could add it to the bottom of the page.php file instead.
Best regards,
Elliott
- You must be logged in to reply to this topic.