Create a form button that is compatible with Craigslist

  • Profile Image
    mhuwe
    Asked on September 13, 2011 at 03:37 PM

    I would like to create a button that is compatible with Craigslist. This is an example of what I would like to be able to do with JotForm:

    <a target="_blank" href="http://contactme.com/4e4424f3f876440001008f56" rel="nofollow noopener"><img src="//buttons.contactme.com/widgets/button/v1/contact_us_green.png" /></a><br>

     

    Thanks in advance for any help you can provide. 

     

    MH

  • Profile Image
    abajan
    Answered on September 14, 2011 at 12:04 AM

    Hi Marshall

    Thanks for your query. There are at least a couple ways to do this, depending on the type of button you want to use. If you want to use one with a bit of pizzazz, you can generate an image at CoolText.com or you can go for an imageless CSS button. Alternatively, the HTML button element can be used and styled to suit your requirements. Below, the button on the left is unstyled while CSS has been applied to the other:

    Here are the codes for each button. Both versions should render clickable buttons when inserted into your Craigslist page. I hardly think they would be converted to plain text links as happened above.

    The button element can be styled in many ways and the second example above barely scratches the surface of what is possible, including mouseover effects, and not a JavaScript script in sight! Just ask Stu Nicholls (Mr. CSS :)

    Having stated the above, the other option at your disposal: The HTML input element, is hardly worth any mention here.

    Incidentally, if you are going with a button generated at CoolText, you can use the code you provided. Just change the value of the "href" (hypertext reference) with the URL of your form and replace the value of the "src" (source) attribute with the URL of the image. (Yes, you'll need to upload the image to somewhere like ImageShack so that it can be hotlinked to.) Of course, to save yourself all the hassle, you could change the value of just the "href" and reuse the image already there. (Though I can't imagine that ContactMe would be too thrilled with the idea of your hotlinking to one of their images while using a competing service: JotForm!)

    Should you need further assistance with this or any other matter related to our product, please let us know. The team is always willing to help our users get the most out of their JotForms (JotForm forms).

    Cheers


    ~ Wayne

  • Profile Image
    mhuwe
    Answered on September 15, 2011 at 12:47 PM

    Thanks Wayne,

    The code you provided for the two button choices is converted to plain text links by Craigslist. CoolText looks promising however!

    Thanks for the prompt response and for pointing me in the right direction. 

    MH

  • Profile Image
    abajan
    Answered on September 15, 2011 at 07:31 PM

    Hi MH

    It's interesting how Craigslist did the same thing to those buttons as this forum: Originally, while composing my response above, the buttons depicted were actual clickable buttons that pointed to your form but after posting the comment, their code was automatically stripped of the button tags, rendering them as just plain text links. Must be some sort of security hole they create, like providing a route in for code injection. Perhaps one of my learned colleagues can shed more light on this for you.

    Nevertheless, I'm glad my post was of some benefit.

    Cheers :)


    ~ Wayne