How can I add Share & Tweet Buttons to my email autoresponder?

  • Profile Image
    yepser
    Asked on August 27, 2012 at 10:12 AM

    I would in no way classify myself as a developer :) I need instructions on exactly what code to put & where in order to add Share & Tweet buttons to the email autoresponder that goes to people completing the form. Please see attached screen shot for an example.

    I did see something indicating that I should put iFrame code in the WISYWIG instead of the HTML view, but I was confused as all I could see was the code & not the actual button. Would I have to send myself a test email in order to see the button displayed in the email?

    Thanks!

  • Profile Image
    Deygus
    Answered on August 27, 2012 at 11:36 AM

    You can easily do this by going into your autoresponder form that was created and appropriately editing the html within the form by adding in scripting that will do just that. Please see below:

     

     

    There are two ways after this, you can either do html or you can use the simple visual editor...

    - VISUAL -

     

    - HTML -

     

    And now in the html field enter your html scripting for your FaceBook and Twitter buttons and then update and save it. The area wiithin this field will vary depending on whether or not you want the buttons above or below and then placing them appropriately. The circled area is where I put in a TEST 1 as an example of where and how to place it below the form for your autoresponder.

    The code should look something like this:

    <A HREF="The URL of the site"><img src="The URL of the image"></A>

     

    I hope this helps but if you're still having further problems let us know so we can assist you further.

  • Profile Image
    jeanettebmz
    Answered on August 27, 2012 at 11:58 AM

    Follow what my colleague Deygus has recommended to you .

    The autoresponder should look like something below:

     

    And this is the code for our Jotform Facebook button

     

     

    You can test this form in order to see the autoresponder results

    Do not hesitate to look for more assistance, if you need it

  • Profile Image
    yepser
    Answered on August 28, 2012 at 10:21 AM

    I think I may not have been clear enough as what I actually want to add is Tweet & Share buttons so that people can automatically share the contest with their friends. I looked at http://twitter.com/about/resources/buttons#tweet & this is the code that it generated. I tried adding javascript last week, but it didn't seem to work.

    <a target="_blank" href="https://twitter.com/share" rel="nofollow noopener" class="twitter-share-button">Tweet</a>

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

    I believe that the documentation that I need on FB share was sent in a separate communication, but I would like to do the same thing as described above for FB. 

    Thanks!

  • Profile Image
    jeanettebmz
    Answered on August 28, 2012 at 10:43 AM

    I believe this is what you are looking for: http://www.jotform.com/fit-forms/

  • Profile Image
    Deygus
    Answered on August 28, 2012 at 10:56 AM

    As far as the scripting goes you can accomplish this if you manipulate the source code by getting dirty with PHP programming /or javascript/ or if you hire someone to do this for you. Alternatively, you can easily integrate your facebook to post on twitter and vice versa:

    http://apps.facebook.com/twitter/

    http://www.bigfin.com/blog/post-facebook-to-twitter/

  • Profile Image
    yepser
    Answered on August 28, 2012 at 11:16 AM

    I really don't think I'm making myself clear. I know how to connect my FB posts to Twitter.

    Please reference the original image that I attached. Upon completing the form, we would like to give people that enter the option to either Tweet or Share on FB the contest entry link by clicking either the Share or Tweet buttons. 

    I'm working on the FB share button, but I think I'm on the right track.

    Thanks!

  • Profile Image
    jeanettebmz
    Answered on August 28, 2012 at 01:42 PM

    If you notice my form example and the images I've provided on that post, I have already created the FB button into the autoresponder.

    However, after making some tests for the Twitter option, it is not possible to show the image as it involves javascript and it is probably interfering with our own libraries , that is why we do not recommend to insert  javascript code into HTML fields of our forms . Unless you get the source code of the form and get the this to outside of jotform servers.

     

     

  • Profile Image
    yepser
    Answered on August 28, 2012 at 01:50 PM

    I do see that you've added the FB button, but what I was actually trying to accomplish was answered in a different thread here. Would love to accomplish the same thing with Twitter :)

    http://www.jotform.com/answers/123780-Is-there-a-way-to-add-a-pop-up-Share-on-my-Wall-feature-to-a-custom-Thank-You-page

    Thanks!

  • Profile Image
    jeanettebmz
    Answered on August 28, 2012 at 02:10 PM

    If you notice on that thread, the workaround does not involve javascript injection just HTML codes, that is why it works.

  • Profile Image
    yepser
    Answered on August 28, 2012 at 02:21 PM

    That's what I figured, but wanted to be sure. Thanks again for your help!

  • Profile Image
    jeanettebmz
    Answered on August 28, 2012 at 02:33 PM

    However...

    You can see my form again in action, I have only injected  HTML codes, BUT in order to be compliance with TWITTER policy, you can use alternate logos provided by them

    <a target="_blank" href="http://twitter.com/YOURTWITTERUSERNAME" rel="nofollow noopener"><img src="https://twitter.com/images/resources/twitter-bird-blue-on-white.png" alt="" width="50" height="50" /><br /> </a></p>

    This is how the autoresponder template  looks like