Creating a Feedback Button

Last Update Date: 

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.

RECOMMENDED ARTICLES

Send Comment:

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

Comments:

Subscribe and get our newsletter! This site is protected by reCAPTCHA.