About CommArtCenter

CommArtCenter · ‎12-10-2020

I thought I shared the solution I've found to fix my problem. My problem was: the popup and inline forms on my Wix site were not working in Safari. The Digioh Wix app integrating Constant Contact Form is free up to 100 subscribers and doesn't work on mobile! Here's my solution: 1. Create a landing page in Constant Contact: tutorial 2. In Wix: a. For a popup form: 1. Add a Wix Lightbox: https://support.wix.com/en/article/wix-editor-about-lightboxes 2. In this lighbox, embed a widget: Add > Embed > Embed a Widget. Edit the HTML code and just add the web address of your Constant Contact landing page https://lp.constantcontactpages.com/su/<id> 3. Make sure the lightbox doesn't open automatically: select the lightbox and click the Set Triggers button. Set the lightbox so that it does not automatically display on pages. 4. Follow this tutorial to add a piece of code that will trigger the popup only on a first visit or once in a session, as you prefer. b. For an inline form, just embed a widget where you want the form to be and edit the HTML code as in 2.a.2

CommArtCenter · ‎12-06-2020

Hello, Many thanks for being so reactive! Your help was greatly appreciated! I understand that the problem is not linked to Constant Contact but to the Wix implementation that uses <iframe>. When I set the iframe src to a webpage that has the same origin than the document which contains the iframe, the iframe content shows up in Safari. Somehow, Safari security restrictions about cross-origin resources are stricter than other browsers. I guess this is why the Constant Contact Form Wix app has been developed. However, it's really a bummer that this app is not free (free up until 100 subscriptions): we have to pay a monthly fee in addition to our Constant Contact subscription. Thank you for your help. Sylvie

CommArtCenter · ‎12-04-2020

Hello @William_D, Thank you for your answer! The reason why I added https: is because I was working in local, and the URL defaulted to file://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js otherwise, which was not found (ERR_INVALID_URL). I removed the https: and pushed my very simple example to Firebase hosting and it works on both Safari and Chrome: https://sandbox-b8703.web.app I can now pinpoint that the problem is linked to the implementation of Constant Contact forms using a frame, which is what I am doing on the site I'm building with Wix. Website: https://sylvieuxe.wixsite.com/troubleshooting Frame source: <script> var _ctct_m = "b03f8a6b1d133cddd01f4209ec067828"; </script> <script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script> On Chrome: popup shows up Safari: nothing Same with the inline form: https://sylvieuxe.wixsite.com/troubleshooting/newsletters It works fine on Chrome, nothing on Safari. Let me know if you can spot what the problem is with this implementation. If not, I'll follow your piece of advice and contact support. Many thanks! Sylvie

CommArtCenter · ‎12-03-2020

Hello, I have the exact same problem. The popup form works fine on Chrome for instance but not on Safari (tested with Safari 14.0.1). I reduced my HTML file to the bare minimum in order to troubleshoot. Here's the code: <!DOCTYPE html> <head> <title>Constant Contact form troubleshooting</title> </head> <body> <h1>Subscribe to our newsletters</h1> <p>A popup will appear in 5 seconds</p> <footer> <script>var _ctct_m="b03f8a6b1d133cddd01f4209ec067828";</script> <script id="signupScript" src="https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script> </footer> </body> </html> On Google Chrome (I tested with version 87.0.4280.67): On Safari (I tested with version 14.0.1): No popup. Nothing. I made sure that no key was stored in the local storage as this is how the Constant Contact JavaScript code makes sure to display the popup only on a first visit. And yet, no popup shows up on Safari. Please note that I have the same problem with an inline form. If I understand correctly, the workaround proposed in this thread is to comment out (the 2 slashes //) the JavaScript code that sets the focus on the HTML element with the id 'password'. This workaround is quite specific! As you can see in my HTML code, I don't have any element with this id. Safari represents a considerable market share, this is a very big issue for us. Is there any technical support that we could contact? Many thanks for your help! Sylvie

Re: Sign-up form integration on safari not working

Re: Sign-up form integration on safari not working

Re: Sign-up form integration on safari not working

Re: Sign-up form integration on safari not working