How to re-create a specifically designed form?

  • Profile Image
    DimalantaHFH
    Asked on October 19, 2014 at 03:05 PM

    Need to recreate a form to work through www.jotform.com 

    The form has specific font styles and colors and buttons that need to be used. Can we re-create this so we can use through jotform? 

    The form that we have created on the website is being blocked somehow by the client's email provider. So we are hoping to use jotform so the email notifications can be received by our client...typically more success of form notifications getting through when using your services.

    Please help!!!

     

    Thank you,

    Angie

    angie@dimalantadesigngroup.com 

     

     

  • Profile Image
    Kiran
    Answered on October 19, 2014 at 06:32 PM

    It is possible to recreate forms with JotForm depending on the features required. We have introduced our new Form Designer recently to build JotForms more easily than ever. We request you to go through the following blog post

    http://www.jotform.com/blog/107-Introducing-JotForm-s-New-Form-Designer-

    I've tried to work out on a demo for the form on your website. Please check the form below and let us know if it meets your requirement.

    http://form.jotformpro.com/form/42916957932973? 

    Please get back to us if you need further assistance. We will be happy to assist you.

  • Profile Image
    DimalantaHFH
    Answered on October 20, 2014 at 08:49 AM

    Hello Kiran, 

    This looks like a good start... I was not able to open the blog post (couldn't find web page).

    Are you able to help design the other key pieces of this form? I have our wordpress coding for this page from our website...would this help? 

    Please let me know what type of assistance is possible from your team. Thank you!

    Angie

  • Profile Image
    Welvin
    Answered on October 20, 2014 at 09:22 AM

    Hi Angie,

    Sure, please let us know the link so we can take a look and try to create the same. Our forms are always customizable using Custom CSS codes and again, you can take advantage of our newly added form designer to style your form.

    Thank you!

  • Profile Image
    DimalantaHFH
    Answered on October 20, 2014 at 09:26 AM

    Hello Welvin, 

    This is the page we are trying to recreate: 
    http://72.52.170.149/~ameriher/get-a-qoute/

     

    Below is the actual text from our wordpress page...will this help? 

    <img class="aligncenter size-full wp-image-113" src="//72.52.170.149/~ameriher/wp-content/uploads/2014/06/4-easy-steps.png" alt="4-easy-steps" width="608" height="133" />

    <div class="get-a-quote-page">

    <p class="step1"><span class="bold-font custom-get-quote-1">ON-LINE <span class="custom-get-quote-2">(24/7)</span>

    HOME AND AUTO QUOTES</span>

    <a class="custom-get-quote-btn" target="_blank" href="https://www.agentinsure.com/compare/auto-insurance-home-insurance/americanheritageins/quote.aspx" rel="nofollow noopener">CLICK HERE</a></p>

     

    <div class="agentinsureimage" style="display: none;"><a title="Compare Auto Insurance Quotes and Compare Home Insurance Quotes" target="_blank" href="https://www.agentinsure.com/compare/auto-insurance-home-insurance/americanheritageins/quote.aspx" rel="nofollow noopener"><img src="//www.agentinsure.com/Content/Images/Widgets/Image_AI_07.jpg" alt="Compare Auto Insurance Quotes and Compare Home Insurance Quotes with AgentInsure" /></a></div>

    <p class="step2"><span class="bold-font custom-get-quote-1">VISIT <span style="font-family: BookAntiqua; color: #807658; font-style: italic;">one of our</span> LOCATIONS</span>

    <a class="custom-get-quote-btn" target="_blank" href="http://72.52.170.149/~ameriher/?page_id=18" rel="nofollow noopener">CONTACT US</a></p>

    <p class="step3"><span class="bold-font custom-get-quote-1">CALL</span> <span class="custom-get-quote-2" style="font-size: 27px;">an Agent Toll Free or Locally</span>

    <span class="semi-bold-font">TOLL FREE</span> <span class="custom-get-quote-2">(888)984-5353</span></p>

    <span class="semi-bold-font">CINCINNATI</span> <span class="custom-get-quote-2">(513)984-5255</span>

    <span class="semi-bold-font">MILFORD</span> <span class="custom-get-quote-2">(513)248-8688</span>

    <span class="semi-bold-font">DAYTON/SPRINGFIELD </span> <span class="custom-get-quote-2">(937)323-9737</span>

    <span class="semi-bold-font">MIDDLETOWN</span> <span class="custom-get-quote-2">(513)420-1955</span>

    <span class="semi-bold-font">LONDON/MADISON COUNTY</span> <span class="custom-get-quote-2">(740)852-4872</span>

    <p class="step4"><span class="bold-font custom-get-quote-1">REQUEST A QUOTE <span class="custom-get-quote-2">via Email</span></span>

    <span class="custom-get-quote-2">Fill out the form below:</span></p>

    [gravityform id="1" name="Get a Quote" title="false" description="false"]

     

    </div>

    <!-- BEGIN AGENTINSURE LINK -->

    <div style="text-align: center;">

    <table style="margin: auto;" border="0" width="250" cellspacing="0" cellpadding="0">

    <tbody>

    <tr>

    <td>

    <div style="width: 250px; border: solid 2px #CCCCCC; background-color: #ffffff; text-align: center; color: #999999; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 10px; padding: 1px; font-weight: normal; margin: 0 auto;"><a style="color: #999999; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal;" title="Auto Insurance Quotes and Home Insurance Quotes Powered by AgentInsure" target="_blank" href="http://www.agentinsure.com/Home?cpid=1983" rel="nofollow noopener" ><img style="padding-top: 6px; padding-right: 2px;" src="//admin.agentinsure.com/EzWebsite/Content.aspx?id=1db2a5b7-5cdf-4576-b938-6e9cd2281057" alt="Auto Insurance Quotes and Home Insurance Quotes Powered by AgentInsure" width="77" height="20" align="right" border="0" /></a><a style="color: #999999; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal;" title="Auto Insurance Quotes" target="_blank" href="http://www.agentinsure.com/Home?cpid=1983" rel="nofollow noopener" >Auto Insurance Quotes</a> and <a style="color: #999999; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal;" title="Home Insurance Quotes" target="_blank" href="http://www.agentinsure.com/Home?cpid=1983" rel="nofollow noopener" >Home Insurance Quotes</a> Powered by AgentInsure</div></td>

    </tr>

    </tbody>

    </table>

    </div>

    <!-- END AGENTINSURE LINK -->

  • Profile Image
    ashwin_d
    Answered on October 20, 2014 at 10:01 AM

    Hello Hi Angie,

    I am currently working on your requirement. It is taking some time and I will get back to you later today on this.

    Thank you!

  • Profile Image
    DimalantaFHF
    Answered on October 23, 2014 at 03:47 PM

    Hello Ashwin, 

     

    Any progress on this? We appreciate the help!

     

    Thank you, 

    Angie

  • Profile Image
    Jeanette
    Answered on October 23, 2014 at 05:49 PM

    Ashwin is not online. Since he got ownership of this task, I'll send an email to him inquiring an update.

    Thanks