-
Posts
-
I have add code below to Footer Widget 2 to add a New letter sign up box to my site. After I add the code to a textbox widget the Revolution slider stops working but works again if I remove the code.
I did not have a problem with constant contact code in this widget
Can you help at all
<!--Zoho Web-Optin Form Starts Here--> <link href="https://campaigns.zoho.com/css/ui.theme.css" rel="stylesheet" type="text/css" /> <link href="https://campaigns.zoho.com/css/ui.datepicker.css" rel="stylesheet" type="text/css" /> <link href="https://campaigns.zoho.com/css/ui.core.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://campaigns.zoho.com/js/jquery-1.11.0.min.js"></script> <script type='text/javascript' src='https://campaigns.zoho.com/js/jquery-migrate-1.2.1.min.js'></script> <script type="text/javascript" src='https://campaigns.zoho.com/js/ui.datepicker.js' charset="utf-8"></script> <script type="text/javascript" src="https://campaigns.zoho.com/js/jquery.form.js"></script> <script type="text/javascript" src="https://campaigns.zoho.com/js/optin_min.js"></script> <script type="text/javascript"> var $ZC = jQuery.noConflict(); var trackingText='ZCFORMVIEW'; $ZC(document).ready( function($) { $ZC("#zc_trackCode").val(trackingText); $ZC("#fieldBorder").val($ZC("[changeItem='SIGNUP_FORM_FIELD']").css("border-color")); _setOptin(false,function(th){ /*Before submit, if you want to trigger your event, "include your code here"*/ }); /*Load Captcha For this*/ loadCaptcha('https://campaigns.zoho.com/CaptchaVerify.zc?mode=generate'); /*Tracking Enabled*/ trackSignupEvent(trackingText); }); </script> <title>Bali Bisa</title> <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <div id="customForm"> <table align="center" id="SIGNUP_PAGE" style="padding: 0px; border-radius: 1px; border: 1px rgb(255, 255, 255); width: 318px; overflow: hidden;" border="0" cellspacing="0" cellpadding="0" name="SIGNUP_BODY"> <tbody> <tr> <td> <div id="SIGNUP_HEADING" style="padding: 15px; border: 1px rgb(255, 255, 255); text-align: left; color: rgb(255, 255, 255); font-family: Helvetica; font-size: 16px; font-weight: bold;" name="SIGNUP_HEADING" changetype="SIGNUP_HEADER" changeid="SIGNUP_MSG">Get Email Updates (it's Free)</div> <div> <div style="position:relative;top: 30px;"> <div id="Zc_SignupSuccess" style="display:none;position:absolute;margin-left:4%;width:90%;background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154); margin-top: 10px;margin-bottom:10px; "> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="10%"> <img align="absmiddle" class="successicon" src="https://campaigns.zoho.com/images/challangeiconenable.jpg"> </td> <td> <span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px;"> Thank you for Signing Up</span> </td> </tr> </tbody> </table> </div> </div> <form id="zcampaignOptinForm" style="margin:0px;" action="https://zc1.maillist-manage.com/weboptin.zc" method="POST" target="_zcSignup"> <div id="errorMsgDiv" style="display:none;background-color:#FFEBE8;padding:10px 10px; color:#d20000; font-size:11px; margin:10px;border:solid 1px #ffd9d3; margin-top:20px;"> Please correct the marked field(s) below</div> <div style="padding-left:15px; padding-right:15px;padding-bottom:15px; padding-top:15px;"> <input name="CONTACT_EMAIL" id="CONTACT_EMAIL" style="padding: 4px 0px; border: 1px solid rgb(235, 235, 235); border-image: none; width: 100%; height: 30px; text-align: center; color: rgb(3, 3, 3); font-size: 12px; box-sizing: border-box; background-color: rgb(246, 246, 246);" type="text" placeholder="Enter your Email" changetype="CONTACT_EMAIL" changeitem="SIGNUP_FORM_FIELD"> <span id="dt_CONTACT_EMAIL" style="display:none">1,true,6,Contact Email,2</span> </div> <div style="padding-left:15px; padding-right:15px;padding-bottom:15px; padding-top:15px;"> <input name="LASTNAME" id="LASTNAME" style="padding: 4px 0px; border: 1px solid rgb(235, 235, 235); border-image: none; width: 100%; height: 30px; text-align: center; color: rgb(3, 3, 3); font-size: 12px; box-sizing: border-box; background-color: rgb(246, 246, 246);" type="text" placeholder="Enter your Full Name" changetype="LASTNAME" changeitem="SIGNUP_FORM_FIELD"> <span id="dt_LASTNAME" style="display:none">1,false,1,Last Name,2</span> </div> <div style="padding-left:15px; padding-right:15px;padding-bottom:15px;padding-top:5px;text-align:center"> <input name="SIGNUP_SUBMIT_BUTTON" id="zcWebOptin" style="padding: 6px 10px; border-radius: 10px; border: 1px solid rgb(153, 153, 153); border-image: none; width: 100%; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; -webkit-appearance: none; background-color: rgb(0, 119, 193);" type="button" value="Join Now"> </div><!-- Do not edit the below Zoho Campaigns hidden tags --> <input id="fieldBorder" type="hidden" value=""> <input name="zc_trackCode" id="zc_trackCode" onload="" type="hidden" value=""> <input name="submitType" id="submitType" type="hidden" value="optinCustomView"> <input name="lD" id="lD" type="hidden" value="1259f1819d971a29"> <input name="emailReportId" id="emailReportId" type="hidden" value=""> <input name="formType" id="formType" type="hidden" value="QuickForm"> <input name="zx" id="cmpZuid" type="hidden" value="13d9c8f6"> <input name="zcvers" type="hidden" value="2.0"> <input name="oldListIds" id="allCheckedListIds" type="hidden" value=""> <input name="mode" id="mode" type="hidden" value="OptinCreateView"> <input name="zcld" id="zcld" type="hidden" value="1259f1819d971a29"> <input id="document_domain" type="hidden" value="zoho.com"> <input id="zc_Url" type="hidden" value="zc1.maillist-manage.com"> <input name="zc_formIx" id="zc_formIx" type="hidden" value="2a0f0dccedcfa638f07af45580681325c98e811ca5f0889b"><!-- End of the campaigns hidden tags --></form> </div> </td> </tr> </tbody> </table> <img id="refImage" style="display:none;" onload="referenceSetter(this)" src="https://zc1.maillist-manage.com/images/spacer.gif"> </div> <div id="zcOptinOverLay" style="display:none;text-align: center; background-color: rgb(0, 0, 0); opacity: 0.5; z-index: 100; position: fixed; width: 100%; top: 0px; left: 0px; height: 988px;" oncontextmenu="return false"></div> <div id="zcOptinSuccessPopup" style="display:none;z-index: 9999;width: 800px; height: 40%;top: 84px;position: fixed; left: 26%;background-color: #FFFFFF;border-color: #E6E6E6; border-style: solid; border-width: 1px; box-shadow: 0 1px 10px #424242;padding: 35px;"> <span id="closeSuccess" style="position: absolute;top: -16px;right:-14px;z-index:99999;cursor: pointer;"> <img src="https://campaigns.zoho.com/images/videoclose.png"> </span> <div id="zcOptinSuccessPanel"></div> </div> <!--Zoho Web-Optin Form Ends Here-->Hi there,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
– Link to your site
– WordPress Admin username / passwordDon’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Thanks.This reply has been marked as private.Hi there,
Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.
Once you activated the child theme, login through FTP and add this code in the functions.php file:
function my_custom_head_output() { ?> <!--Zoho Web-Optin Form Starts Here--> <link href="https://campaigns.zoho.com/css/ui.theme.css" rel="stylesheet" type="text/css" /> <link href="https://campaigns.zoho.com/css/ui.datepicker.css" rel="stylesheet" type="text/css" /> <link href="https://campaigns.zoho.com/css/ui.core.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://campaigns.zoho.com/js/jquery-1.11.0.min.js"></script> <script type='text/javascript' src='https://campaigns.zoho.com/js/jquery-migrate-1.2.1.min.js'></script> <script type="text/javascript" src='https://campaigns.zoho.com/js/ui.datepicker.js' charset="utf-8"></script> <script type="text/javascript" src="https://campaigns.zoho.com/js/jquery.form.js"></script> <script type="text/javascript" src="https://campaigns.zoho.com/js/optin_min.js"></script> <script type="text/javascript"> var $ZC = jQuery.noConflict(); var trackingText='ZCFORMVIEW'; $ZC(document).ready( function($) { $ZC("#zc_trackCode").val(trackingText); $ZC("#fieldBorder").val($ZC("[changeItem='SIGNUP_FORM_FIELD']").css("border-color")); _setOptin(false,function(th){ /*Before submit, if you want to trigger your event, "include your code here"*/ }); /*Load Captcha For this*/ loadCaptcha('https://campaigns.zoho.com/CaptchaVerify.zc?mode=generate'); /*Tracking Enabled*/ trackSignupEvent(trackingText); }); </script> <?php } add_action( 'wp_head', 'my_custom_head_output', 99999 );Then add this code in the Text widget:
<div id="customForm"> <table align="center" id="SIGNUP_PAGE" style="padding: 0px; border-radius: 1px; border: 1px rgb(255, 255, 255); width: 318px; overflow: hidden;" border="0" cellspacing="0" cellpadding="0" name="SIGNUP_BODY"> <tbody> <tr> <td> <div id="SIGNUP_HEADING" style="padding: 15px; border: 1px rgb(255, 255, 255); text-align: left; color: rgb(255, 255, 255); font-family: Helvetica; font-size: 16px; font-weight: bold;" name="SIGNUP_HEADING" changetype="SIGNUP_HEADER" changeid="SIGNUP_MSG">Get Email Updates (it's Free)</div> <div> <div style="position:relative;top: 30px;"> <div id="Zc_SignupSuccess" style="display:none;position:absolute;margin-left:4%;width:90%;background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154); margin-top: 10px;margin-bottom:10px; "> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="10%"> <img align="absmiddle" class="successicon" src="https://campaigns.zoho.com/images/challangeiconenable.jpg"> </td> <td> <span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px;"> Thank you for Signing Up</span> </td> </tr> </tbody> </table> </div> </div> <form id="zcampaignOptinForm" style="margin:0px;" action="https://zc1.maillist-manage.com/weboptin.zc" method="POST" target="_zcSignup"> <div id="errorMsgDiv" style="display:none;background-color:#FFEBE8;padding:10px 10px; color:#d20000; font-size:11px; margin:10px;border:solid 1px #ffd9d3; margin-top:20px;"> Please correct the marked field(s) below</div> <div style="padding-left:15px; padding-right:15px;padding-bottom:15px; padding-top:15px;"> <input name="CONTACT_EMAIL" id="CONTACT_EMAIL" style="padding: 4px 0px; border: 1px solid rgb(235, 235, 235); border-image: none; width: 100%; height: 30px; text-align: center; color: rgb(3, 3, 3); font-size: 12px; box-sizing: border-box; background-color: rgb(246, 246, 246);" type="text" placeholder="Enter your Email" changetype="CONTACT_EMAIL" changeitem="SIGNUP_FORM_FIELD"> <span id="dt_CONTACT_EMAIL" style="display:none">1,true,6,Contact Email,2</span> </div> <div style="padding-left:15px; padding-right:15px;padding-bottom:15px; padding-top:15px;"> <input name="LASTNAME" id="LASTNAME" style="padding: 4px 0px; border: 1px solid rgb(235, 235, 235); border-image: none; width: 100%; height: 30px; text-align: center; color: rgb(3, 3, 3); font-size: 12px; box-sizing: border-box; background-color: rgb(246, 246, 246);" type="text" placeholder="Enter your Full Name" changetype="LASTNAME" changeitem="SIGNUP_FORM_FIELD"> <span id="dt_LASTNAME" style="display:none">1,false,1,Last Name,2</span> </div> <div style="padding-left:15px; padding-right:15px;padding-bottom:15px;padding-top:5px;text-align:center"> <input name="SIGNUP_SUBMIT_BUTTON" id="zcWebOptin" style="padding: 6px 10px; border-radius: 10px; border: 1px solid rgb(153, 153, 153); border-image: none; width: 100%; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; -webkit-appearance: none; background-color: rgb(0, 119, 193);" type="button" value="Join Now"> </div><!-- Do not edit the below Zoho Campaigns hidden tags --> <input id="fieldBorder" type="hidden" value=""> <input name="zc_trackCode" id="zc_trackCode" onload="" type="hidden" value=""> <input name="submitType" id="submitType" type="hidden" value="optinCustomView"> <input name="lD" id="lD" type="hidden" value="1259f1819d971a29"> <input name="emailReportId" id="emailReportId" type="hidden" value=""> <input name="formType" id="formType" type="hidden" value="QuickForm"> <input name="zx" id="cmpZuid" type="hidden" value="13d9c8f6"> <input name="zcvers" type="hidden" value="2.0"> <input name="oldListIds" id="allCheckedListIds" type="hidden" value=""> <input name="mode" id="mode" type="hidden" value="OptinCreateView"> <input name="zcld" id="zcld" type="hidden" value="1259f1819d971a29"> <input id="document_domain" type="hidden" value="zoho.com"> <input id="zc_Url" type="hidden" value="zc1.maillist-manage.com"> <input name="zc_formIx" id="zc_formIx" type="hidden" value="2a0f0dccedcfa638f07af45580681325c98e811ca5f0889b"><!-- End of the campaigns hidden tags --></form> </div> </td> </tr> </tbody> </table> <img id="refImage" style="display:none;" onload="referenceSetter(this)" src="https://zc1.maillist-manage.com/images/spacer.gif"> </div> <div id="zcOptinOverLay" style="display:none;text-align: center; background-color: rgb(0, 0, 0); opacity: 0.5; z-index: 100; position: fixed; width: 100%; top: 0px; left: 0px; height: 988px;" oncontextmenu="return false"></div> <div id="zcOptinSuccessPopup" style="display:none;z-index: 9999;width: 800px; height: 40%;top: 84px;position: fixed; left: 26%;background-color: #FFFFFF;border-color: #E6E6E6; border-style: solid; border-width: 1px; box-shadow: 0 1px 10px #424242;padding: 35px;"> <span id="closeSuccess" style="position: absolute;top: -16px;right:-14px;z-index:99999;cursor: pointer;"> <img src="https://campaigns.zoho.com/images/videoclose.png"> </span> <div id="zcOptinSuccessPanel"></div> </div>Hope this helps.
This reply has been marked as private.Hi There,
Please check part of the code suggestion above:
function my_custom_head_output() { ?> <!--Zoho Web-Optin Form Starts Here--> <link href="https://campaigns.zoho.com/css/ui.theme.css" rel="stylesheet" type="text/css" /> <link href="https://campaigns.zoho.com/css/ui.datepicker.css" rel="stylesheet" type="text/css" /> <link href="https://campaigns.zoho.com/css/ui.core.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://campaigns.zoho.com/js/jquery-1.11.0.min.js"></script> <script type='text/javascript' src='https://campaigns.zoho.com/js/jquery-migrate-1.2.1.min.js'></script> <script type="text/javascript" src='https://campaigns.zoho.com/js/ui.datepicker.js' charset="utf-8"></script> <script type="text/javascript" src="https://campaigns.zoho.com/js/jquery.form.js"></script> <script type="text/javascript" src="https://campaigns.zoho.com/js/optin_min.js"></script> <script type="text/javascript"> var $ZC = jQuery.noConflict(); var trackingText='ZCFORMVIEW'; $ZC(document).ready( function($) { $ZC("#zc_trackCode").val(trackingText); $ZC("#fieldBorder").val($ZC("[changeItem='SIGNUP_FORM_FIELD']").css("border-color")); _setOptin(false,function(th){ /*Before submit, if you want to trigger your event, "include your code here"*/ }); /*Load Captcha For this*/ loadCaptcha('https://campaigns.zoho.com/CaptchaVerify.zc?mode=generate'); /*Tracking Enabled*/ trackSignupEvent(trackingText); }); </script> <?php } add_action( 'wp_head', 'my_custom_head_output', 99999 );Remove this 2 lines of code:
<script type="text/javascript" src="https://campaigns.zoho.com/js/jquery-1.11.0.min.js"></script> <script type='text/javascript' src='https://campaigns.zoho.com/js/jquery-migrate-1.2.1.min.js'></script>Those 2 lines was already loaded by wordpress. No need to load it again.
Hope this helps.
Thanks that now seems to working fine 🙂
Glad it’s working fine.
