How do I create a web page button link to a form?

  • Profile Image
    wingsaloft
    Asked on November 18, 2012 at 12:46 PM

    I want to use a jpg picture, that is exactly positioned on my web page, as a "button link" to my Jotform that will then appear in a lightbox.

    Sorry, but I can't find any references in the help files on how to do this or even get the text link in your pasteable code positioned.

     

     

  • Profile Image
    moonzkie
    Answered on November 18, 2012 at 01:12 PM

    Hi,

    Do you mean you want to replace the submit button with an image? If yes, then here's how:

    You can do it as following these steps:

    1. Open your form
    2. Click on "Submit Button" field
    3. Click on "Button Image" button on the tab which will appear
    4. Write the url of the image you want to use as submit button

    Hope this helps. Thank you.

  • Profile Image
    wingsaloft
    Answered on November 18, 2012 at 01:23 PM

    No.  The question has nothing to do with the jotform itself.  It has to do with embedding the access code on my webpage.

    Very specifically, the site is SeattleScenicFlights.com. 

    I want to insert a smal jpg picture beneath the phone number on the right side of the page that functions as a link to my Jotform creation.  I then want the Jotform creation to open as a lightbox. 

    eg.  click on the newly inserted picture beneath the phone number and the jotform opens in a lightbox.

     

     

     

  • Profile Image
    moonzkie
    Answered on November 18, 2012 at 01:39 PM

    Sorry for the confusion and thank you for your clearing that out.

    Here is a similar thread which explains on how to do that:http://www.jotform.com/answers/10899-Hyperlink-to-Lightbox

    Thank you.

  • Profile Image
    abajan
    Answered on November 18, 2012 at 01:56 PM

    @wingsaloft

    Perhaps we can help you set this up exactly as desired. What is the image's source (it's URL) and to which of your forms should it link?

    We look forward to your reply.

  • Profile Image
    wingsaloft
    Answered on November 21, 2012 at 02:43 PM

    The image source is simply located on the website: SeattleScenicFlights.com

    I am unable to make the button link work.  I have inserted the button on the site just as an image file (placeholder)

    Here is the code I'm inserting:  I have commented out the second to the last line (default code) and inserted the code suggested earlier here.  The default code works fine.  The suggested code (the last line) does not work.


    <script src="http://max.jotfor.ms/min/g=feedback2" type="text/javascript">
    new JotformFeedback({
    formId:'22874436757163',
    base:'http://jotform.us/',
    windowTitle:'Scenic Flight Reservation Request 9-30-12',
    background:'#FFA500',
    fontColor:'#FFFFFF',
    type:false,
    height:500,
    width:700
    });
    </script>

    <!-- <a class="lightbox-22874436757163" style="cursor:pointer;color:blue;text-decoration:underline;">Scenic Flight Reservation Request</a> -->

    <a id="lightbox-22874436757163" style="cursor:pointer;"<img src="onlineresreqbutton5.png" alt="Reservation XXXXXXXXX Request" /> </a>

     

  • Profile Image
    NeilVicente
    Answered on November 21, 2012 at 02:58 PM

    @wingsaloft

    I have responded to your query here:

    http://www.jotform.com/answers/149994-Button-used-in-place-of-text-link#1

    Please note that the image must be uploaded somewhere, preferably on the same server where the webpage resides.

    Feel free to contact us again should you have further questions or concerns.