Creating a Feedback Button

Last Update: 

One of the must-have utilities on your website is having a feedback form, so your visitors can share their comments or suggestions about your business, particularly with your products or services. You could do it on a separate contact page, but feedback buttons are the best tool for the job.

When creating a Feedback Form with Jotform, you can embed it as a Feedback Button on your website. You can set up the Feedback Button to appear on the right or left or top or bottom of your website.

Getting the Feedback Button

Here are the steps to get the Feedback Button for your form:

  1. In the Form Builder, go to the Publish tab.
  2. Click Embed on the left.
  3. Choose and click the Feedback Button from the list of embed options.
jotform-embed-feedback-button
  1. Next, you can do the following:
    • Preview — To see how the Feedback Button will appear on your website.
    • Customize — To change the title, dimension, alignments, and colors of the Feedback Button.
    • Copy Code — If you’re ready to embed the form on your website.
jotform-embed-feedback-button-copy-code

Clicking the Customize button will display the following options:

jotform-embed-feedback-button-customize

Please don’t forget to click the Save Changes button to save the changes to the entire feedback button.

Note:

The Form Builder updates the embed codes every time you customize the feedback button, so always check and re-embed accordingly.

Reversing the Button Text

You can invert the text of the Feedback Button from bottom-to-top to top-to-bottom by adding the parameter “reverseButtonText: true” in the embed codes for the Feedback Button. You can add it just like the following:

<script src="https://form.jotform.com/static/feedback2.js" type="text/javascript">
      new JotformFeedback({
        formId: "222412777449058",
        buttonText: "Feedback Form",
        base: "https://form.jotform.com/",
        background: "#F59202",
        fontColor: "#FFFFFF",
        buttonSide: "right",
        buttonAlign: "center",
        type: 1,
        reverseButtonText: true, 
        width: 700,
        height: 500,
        isCardForm: false
      });
    </script>

You can view the codes and the preview of the result here: Feedback Button with Reversed Text.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Jotform for Beginners

Get more done with powerful, easy-to-use online forms. Learn how in this helpful, free guide from Jotform.

Download the Book
Jotform for Beginners

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • JANINE HALPERT
    JANINE HALPERT

    HELP HOW DO I PUT CODE ON WEB SITE

  • 5starsforever
    5starsforever

    I used following steps and create feedback form but when i copy paste on my coding it's not working.
    plzz help me.I am new to webdesign.
    Is there any other code required for this form??
    And why at the bottom of the feedback form Jotform add is shown??
    I don't want it.
    what to do??

  • Raga
    Raga

    i want to create feedback link on side of pages.please help me with the code

    View Answer
  • Jeremy Clof
    Jeremy Clof

    There is more easy way for that. You should try BugRem.com.

  • ramanndewan
    ramanndewan

    Hello
    I want to create a feedback form, when customer writes a review it should be published on my website, how can achieve that.
    Thanks

    View Answer
  • GazBuck
    GazBuck

    hey guys...
    finished my feedback button and form, however where do I paste the code???

    new JotformFeedback({ formId: "60542908225353", buttonText: "Get A Quote!", base: " background: "#21abe2", fontColor: "#FFFFFF", buttonSide: "right", buttonAlign: "center", type: false, width: 700, height: 500 });


    Thanks
    GAz

    info@gbdesignstudio.co.uk

    View Answer
  • vrube
    vrube

    Why can't you add your own picture as feedback button?

  • assistivetech
    assistivetech

    I really like this but it's not being responsive in mobile or tablet view. How do I make it responsive? If not that, then how can I make it hide in mobile and tablet views?

    View Answer
  • AKupetz
    AKupetz

    I'm trying to embed a feedback button on another Jotform form, is this possible and if so how to go about it? Can't figure it out.

    View Answer
  • digiosolutions
    digiosolutions

    Tight! I would love to see how this works and what if offers, customers love eye candy!

  • omodejigbodeniyi
    omodejigbodeniyi

    i need it on my site

  • Rafael Gabriel
    Rafael Gabriel

    SPANIS: Excelente herramienta la de Jotform si el mismo principio se situara para hacer aplicaciones moviles el mundo seria otro, recomiendo el tema de algunas APPi´s desgraciadamente no soy programador si no yo las desarrollo tengo una idea que en conjunto con Jotform puede resultar muy atractiva para smartphones, el tema es hablarlo, soy mexicano radico en bogotá colombia, abrazos DIOS me los bendice

  • reubenrato
    reubenrato

    I would like to try this.

  • nis350ztt
    nis350ztt

    Is it possible to resize the button and/or button text?

    View Answer
  • wcalions
    wcalions

    Is it possible to add the url for the page the button is on to the form? I see how to do that with standard embeds but it doesn't seem to work with this feedback button.

    View Answer
  • pato manutd
    pato manutd

    how comes am not getting any feedback from the mail address i gave out to receive from???

    View Answer
  • Ghezal
    Ghezal

    Howdy cow boy

  • Ronald
    Ronald

    thank you very much and more power

Jotform for Beginners

Get more done with powerful, easy-to-use online forms.

Learn how in this helpful, free guide from Jotform.

Jotform for Beginners
Download the Book