New Embed Code! – See what has changed in embedding web forms

3rd party apps guide for 123ContactForm
Your Guide to 3rd Party Apps
October 5, 2016
September Monthly Highlights
September Monthly Highlights
October 6, 2016

New Embed Code! – See what has changed in embedding web forms

new embed code for publishing forms on website

If you are an existing 123ContactForm user and you published your form before Oct 4th 2016, then this is an article which you should definitely pay attention to.

Approximately one month ago, Google announced that in the next release of Google Chrome (version 54), users that browse using a slow connection (2G, for example) will have all scripts with document.write() included blocked. This new version is expected to be release mid-October.

The forms created with 123ContactForm are embedded using the mentioned method, so we had to find a new way of embedding them. Which we did, and the new code is functional and usable by all our users.

Wix users that published their web forms with the 123 Form Builder app do not need to modify anything. Their web forms and surveys will continue to show up in all browsers. But if you are a Wix user and didn’t use the 123 Form Builder to publish your web form on your website, you have to follow the steps below.

Weebly users are not affected by this change, as long as they have used the 123 Form Builder app for Weebly and continue to use it for publishing their web forms. But those who published through other methods on Weebly, need to follow these instructions.

The old embed code looked like this:

<!-- www.123contactform.com script begins here -->
<script type="text/javascript">var servicedomain="www.123contactform.com"; var frmRef='';
try { frmRef=window.top.location.href; } catch(err) {};
var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src='" + cfJsHost + servicedomain + "/includes/easyXDM.min.js'
type='text/javascript'%3E%3C/script%3E"));
frmRef=encodeURIComponent(frmRef.replace(/(<([^>]+)>)/ig,'')).replace('%26','[%ANDCHAR%]');
document.write(unescape("%3Cscript src='" + cfJsHost + servicedomain + "/jsform-123456789.js?language=en&ref="+frmRef+"'
type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- www.123contactform.com script ends here -->

The new embed code looks like this:

<!-- www.123contactform.com script begins here -->
<script type="text/javascript" defer src="https://www.123contactform.com/embed/123456789.js" data-role="form"></script>
<!-- www.123contactform.com script ends here -->

So, if you have previously embedded your 123ContactForm forms using the old embed code, please do the following steps for all your embedded forms:

how to get your embed code of the form

If you need help, just drop us a line or contact our support team.

 

 

Tudor Bastea
Tudor Bastea
is the Co-Founder and CTO of 123ContactForm. He oversees the work of the development team, but still loves to code and come up with out-of-the-box ideas for intricate issues.
3 Shares
Share3
+1
Tweet
Share