Free Text(HTML): How To Insert A Live Chat Script Inside The Form

  • Profile Image
    Barkley
    Asked on July 21, 2013 at 02:59 PM

    Is there a method to use the attached code on a Jotform page?  I want to have a Chat Button if possible.

  • Profile Image
    jonathan
    Answered on July 21, 2013 at 03:38 PM

    Hi,

    I am not sure I completely understand what you wanted to do. 

    But the one thing I think I understand is, you are not referring to the form's submit button.

    What I am saying is, you can just use the submit button to redirect your form user to a different page where your chat page is. (correct me if this is what you wanted to do instead)

    --

    Can you also paste the entire script you provided here http://pastie.org/ then send us the paste URL.

    We need the actual script to do some test, so that we can provide you with a better suggestion.

    I am thinking maybe you can paste your code in the Free Text(HTML) field in the form. 

    Thanks.

  • Profile Image
    Barkley
    Answered on July 21, 2013 at 06:42 PM

    <!-- Bold Software Visitor Monitor HTML v4.00 (Website=FOXmls,ChatButton=FOXmls My Chat Button,ChatInvitation=My Invite Ruleset) -->

    <script type="text/javascript">

      var _bcvma = _bcvma || [];

      _bcvma.push(["setAccountID", "219797872412739022"]);

      _bcvma.push(["setParameter", "WebsiteDefID", "3575656554193911363"]);

      _bcvma.push(["setParameter", "InvitationDefID", "7539723623521540462"]);

      _bcvma.push(["addFloat", {type: "chat", id: "2824697506053809762"}]);

      _bcvma.push(["pageViewed"]);

      (function(){

        var vms = document.createElement("script"); vms.type = "text/javascript"; vms.async = true;

        vms.src = ('https:'==document.location.protocol?'https://':'http://') + "vmss.boldchat.com/aid/219797872412739022/bc.vms4/vms.js";

        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(vms, s);

      })();

    </script>

    <noscript>

    <a target="_blank" href="http://www.boldchat.com" rel="nofollow noopener" title="Live Chat" ><img alt="Live Chat" src="https://vms.boldchat.com/aid/219797872412739022/bc.vmi?wdid=3575656554193911363" border="0" width="1" height="1" /></a>

    </noscript>

    <!-- /Bold Software Visitor Monitor HTML v4.00 -->

  • Profile Image
    jonathan
    Answered on July 21, 2013 at 07:04 PM

    Hi,

    Please check this form http://www.jotform.co/form/32017635414851

    Will this work for you? 

    Please inform us.

    Thanks.

  • Profile Image
    Barkley
    Answered on July 22, 2013 at 01:52 PM

    Yes.  How did you do that?  wow

  • Profile Image
    jefreylandicho
    Answered on July 22, 2013 at 03:04 PM

    You can do that by using an IFRAME html code in the Free Text(HTML) under Power Tools and by creating an html page containing the live chat script code.

    In the example provided, an html page was created in https://shots.jotform.com/jonathan/webtest/Chat_Using_Button.html then inserted in the form with IFRAME code using the Free Text(HTML) field. .

    e.g 

    <iframe src="https://shots.jotform.com/jonathan/webtest/Chat_Using_Button.html"></iframe>

    You can specifically adjust the height of the IFRAME you have embedded by putting a css height value on it.

    e.g.

    <iframe src="https://shots.jotform.com/jonathan/webtest/Chat_Using_Button.html" style="height:155px;"></iframe>

    If you need further assistance, please contact us again.

  • Profile Image
    nardz 
    Answered on December 02, 2015 at 12:14 AM

    Hi..

    is this working and free?? 

    <!-- Bold Software Visitor Monitor HTML v4.00 (Website=FOXmls,ChatButton=FOXmls My Chat Button,ChatInvitation=My Invite Ruleset) -->

    <script type="text/javascript">

      var _bcvma = _bcvma || [];

      _bcvma.push(["setAccountID", "219797872412739022"]);

      _bcvma.push(["setParameter", "WebsiteDefID", "3575656554193911363"]);

      _bcvma.push(["setParameter", "InvitationDefID", "7539723623521540462"]);

      _bcvma.push(["addFloat", {type: "chat", id: "2824697506053809762"}]);

      _bcvma.push(["pageViewed"]);

      (function(){

        var vms = document.createElement("script"); vms.type = "text/javascript"; vms.async = true;

        vms.src = ('https:'==document.location.protocol?'https://':'http://') + "vmss.boldchat.com/aid/219797872412739022/bc.vms4/vms.js";

        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(vms, s);

      })();

    </script>

    <noscript>

    <a target="_blank" href="http://www.boldchat.com" rel="nofollow noopener" rel="nofollow" title="Live Chat" ><img alt="Live Chat" src="https://vms.boldchat.com/aid/219797872412739022/bc.vmi?wdid=3575656554193911363" border="0" width="1" height="1" /></a>

    </noscript>

    <!-- /Bold Software Visitor Monitor HTML v4.00 -->

  • Profile Image
    jonathan
    Answered on December 02, 2015 at 02:35 AM

    @nardz  

    There is a FREE subscription option available in JotForm. You can check the details at the JotForm Pricing page here.

    You can signup for FREE using this link http://www.jotform.com/signup

    Hope this answers your question. Let us know how we can be of further assistance.