Usage

Learn how to use the Feedbump API

Give Feedback

POST https://feedbump.app/api/v1/giveFeedback?project=yourProjectID

Query Parameters

NameTypeDescription

Project ID

string

The Project ID of your desired project.

Request Body

NameTypeDescription

type

string

The type of Feedback.

description

string

The description of the Feedback Post.

title

string

The title of the Feedback Post.

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Feedbump | Thanks for the feedback!</title>
    <link rel="shortcut icon" href="../assets/favicon.ico" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <style>
        body { padding-top:50px; }
    </style>
</head>
<body>

    <div class="container">
    <div class="jumbotron">
        <h1 class="display-4">Thanks for the feedback!</h1>
        <p class="lead"></p>
        <hr class="my-4">
        <p>Powered by <a class="text-primary" href="feedbumbp.web.app" role="button">Feedbump</a> | The best way to collect feedback from your customers.</p>
        <br>
        <p class="lead">
          <a class="btn btn-secondary btn-lg" href="javascript:window.history.back()" role="button">Back</a>
        </p>
    </div>
    </div>

</body>
</html>

Images are not yet supported in v1 of the Feedbump API

All form data must be submitted in application/x-www-form-urlencodedformat.

Here's an example of a completed feedback form:

<form action="https://feedbump.app/api/v1/giveFeedback?project=yourProjectId" method="POST" enctype="application/x-www-form-urlencoded">
    <input type="text" name="title" placeholder="Feedback Post Title" />
    <input type="text" name="description" placeholder="Feedback Post Title" />
    <input type="submit" value="Submit Feedback" />
</form>

Note: The code snippet above does not have the typeinput for the Feedback Type. Only the title field is required.

Feedbump Quickie Plugins

Feedbump quickie plugins are a plug and play method of easily implementing feedback collection within your website with minimal code.

To add the plugins to your website, import both the CSS and JS libraries for Feedbump.

<script src="https://feedbump.app/developers/api/feedbump.min.js" type="text/javascript"></script>

You're all set! Follow the instructions below to create your quickie.

Initializing Feedbump

myfile.js
// Initialize feedbump object with parameters (elementId, projectId)
const fb = new Feedbump("myQuickie", "myProjectId");
myfile.html
<div id="myQuickie"></div>

Plugin: Feedback Button

// Create feedback button
fb.button();

The feedback button is a floating action button that will link to your feedback page. It comes with easy customization to fit your needs. The following values are accepted. None of the values are required.

fb.button({
  content: "Feedback", /* The content that appears on the button */
  font: "Any valid font-family code", /* The font of the text on the button */
  color: "Any valid web color", /* The color of the text on the button */
  background: "Any valid web color", /* The background color of the button */
  color_hover: "Any valid web color", /* The color of the text on the button on hover */
  background_hover: "Any valid web color", /* The background color of the button on hover */
});

// None of these values are required

Plugin: Instant Feedback Form

// Create feedback form
fb.form();

The instant feedback form is an easy way to implement a feedback form on your website. If necessary, set the style to false to prevent default styling and apply custom styling.

fb.form({
  style: false // When set to false, default styles will not be applied and custom styles can be used.
});

// None of these values are required

Last updated