How can I embed a Jotform contact form to Adobe Edge Animate?

  • necropersa
    Asked on April 5, 2014 at 4:31 PM

    I need help with my contact page

  • jonathan
    Replied on April 5, 2014 at 6:02 PM

    Hi,

    I found this similar thread 224683-How-can-i-add-a-form-to-the-Adobe-Edge-Animate

    This is the documentation (Adobe Edge Animate Documentation)

    According to the documentation , you have to create a separate javascript file and use it in the AE Runtime script.

    Something similar to this:

    <!--Adobe Edge Runtime-->  

    <script type="text/javascript" charset="utf-8"     src="project-name_edgePreload.js"></script>   <style>     .edgeLoad-EDGE-1689000495 { visibility:hidden; }   </style>

    <!--Adobe Edge Runtime End-->

    In this example script, the src "project-name_edgePreload.js"  should be your own js file located in your website.

    The main things are:

    1. Create your own js file (contains the JotForm form embed script)

    2. Use the js file as the "src" in the AE runtime script

    --

    if you can share to us the URL of your AE website page, we can check further into it.

    Hope this help. Please inform us if ou need further assistance.

    Thanks!

     

  • necropersa
    Replied on April 5, 2014 at 9:51 PM

    Hi again, this is my Jotform embed code:

     

    <script type="text/javascript" src="//form.jotformz.com/jsform/40937757111658"></script>

     

    how can I put that code on <!--Adobe Edge Runtime-->   ??

     

    Is there any way to load the form from that embed code to edge? Adobe Muse can do it.

  • Welvin Support Team Lead
    Replied on April 6, 2014 at 8:57 AM

    As mentioned by colleague, you have to create a separate JS file. In this JS file contains your Jotform Embed Codes. Then you have to use this JS file as the SRC value of the runtime script.

    We currently do not have a full guide on embedding form to this software, but we'll do our best to come up with one, a possible video or guide with screenshots.

    Can you also check this: http://stackoverflow.com/questions/16105218/how-to-add-custom-html-to-an-adobe-edge-html-page. This is an alternative method using an outside editor such as Notepad or any other text editor.

    Thanks

  • necropersa
    Replied on April 6, 2014 at 10:26 AM

    I understand, sorry, i'm a graphic designer and not to good at codes, but a great copypaster hahaha! if you do a video guys or a screenshot guide, gonna be my heros!! thanks for answer!

  • Welvin Support Team Lead
    Replied on April 6, 2014 at 10:52 AM

    Sure thing. We'll do our best. Thanks