What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to Add the twitter follow button on my form using an Iframe

    Asked by cheekyface on May 05, 2014 at 03:10 AM

    Thanks for all that guys,

    That works fine.
    Any chance you can tell me how to do that for Twitter?  They don't seem to have an option that includes using a URL.  Only javascript and I think I recall that js doesnt work in jotform? 

    twitter button twitter iframe
  • Profile Image
    JotForm Support

    Answered by TitusN on May 05, 2014 at 03:29 AM

    Hello,

    You are right - Custom Javascript is not allowed on our platform for security reasons, and twitter's follow button requires Javascript to run.

    I would reccomend the following:

    1. Create a page on your website (give it a really obscure link, for example- https://mydomain.com/jksdhsodfhweiithsosldjsdfkskdk1233, this is just to reduce the chances of the link not being found )

    2. Add twitter's script for the follow button as shown on this link to your page where it is highlighted green in the page structure shown below:




        Twitter Button
        
        



        Your twitter button script Pasted Here


    3. Once your page is ready, use the directions shown on this thread to add the Iframe widget, and use the URL from the page you just created to add the button.

    Here is a test form: http://form.jotformpro.com/form/41233680281954

    Would that work for you? Please let us know if this has any limitations

  • Profile Image
    JotForm Support

    Answered by TitusN on May 05, 2014 at 04:01 AM

    The Page HTML code for your custom page does not diplay in my recent response,  here it is once again:

    <!DOCTYPE html >

    <head>
        <title>Twitter Button</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta name="robots" content="nofollow" />
    </head>

    <body>
        Your twitter button script goes here
    </body>

    </html>

  • Profile Image

    Answered by cheekyface on May 05, 2014 at 05:14 AM

    Thanks for your help.
    That was perfect!! 

  • Profile Image

    Answered by cheekyface on May 05, 2014 at 05:34 AM

    ...actually I just refreshed and saw the additional comment.   

    What I did was to create a page inside an obscure named directory then named the page index.html
    With regards to the code I just deleted all code except the script from twitter and it seems to work.  I don't know if I need to position the code as your last comment but please let me know if you think it'll create problems if I don't.

     

    Here's the page and the URL I created: https://www.cheekyface.com.au/forms/jotform/TTCFtwitterTweet-CFredirected6254123/

  • Profile Image
    JotForm Support

    Answered by TitusN on May 05, 2014 at 05:45 AM

    Looks Ok so far -

    However I could not see the Doctype element (which tell the browser the version of html code used), or the 'no follow' meta element  (which tells search engines not to list this page on search results) -  my advice? You may want to add those in as they are important - and may cause sporadic issues - 

    But its functional as it is.

    Since the content is loaded from an Iframe from twitter with all the standard HTML page elements - you should not expect any issues in terms of functionality with what you have set up.