Customer Feedback

The Customer Feedback module has been deprecated and is not available to new integrations.

The Braze feedback form allows users to submit feedback about your app that is immediately sent to your company’s dashboard.

Android ActivityFeed+FeedBack

In Android, the News Feed and feedback form are implemented as Fragments that are available in the Braze Android UI project. View Google’s documentation on Fragments for information on how to add a Fragment to an Activity.

The Android UI Fragments do not automatically track session analytics. To ensure that sessions are tracked correctly, you should call IAppboy.openSession() when your app is opened (learn more about tracking user sessions).

Braze Feedback Form

The AppboyFeedbackFragment class creates a Feedback form and makes calls to the core Braze library to send feedback to Braze. The AppboyFeedbackFragment contains two buttons, “cancel” and “send”, which when pressed will call a FeedbackFinishedListener. You must set a FeedbackFinishedListener on your fragment to handle navigation when a user interacts with the form:

1
2
3
4
5
6
7
8
9
10
11
12
13
AppboyFeedbackFragment appboyFeedbackFragment = new AppboyFeedbackFragment();
appboyFeedbackFragment.setFeedbackFinishedListener(new AppboyFeedbackFragment.FeedbackFinishedListener() {

    @Override
    public void onFeedbackFinished(AppboyFeedbackFragment.FeedbackResult feedbackResult) {
        // Here you can take action on the feedbackResult
    }

    @Override
    public String beforeFeedbackSubmitted(String feedbackString) {
        return feedbackString;
    }
});

Manual Feedback Collection

Braze has a method allows you to pass Feedback to Braze from a form or field within your app. This is perfect for passing feedback from an existing UI element to Braze. The method will return a boolean which indicates whether or not the feedback was queued for delivery.

Third Party Provider Integrations

Braze has easy integrations with both Desk.com and Zendesk. So long as you are collecting feedback through our ready-made UI or manually using the submitFeedback method, you can pass that feedback through to either third party provider. This will afford you the benefit of having the entire user profile card available to the CSR handling the case, and allow you to segment based upon the number of feedback requests a user has submitted.

To take advantage of these integrations, please visit the “Feedback” section within the “App Settings” page

Implementation Example

See the DroidBoyActivity.java file in the Droidboy sample app.

Theming the Braze Feedback UI

The Braze UI elements (the feedback form and News Feed) come with a default look and feel that matches the Android standard UI guidelines and provides a seamless experience. You can see these default styles in the res/values/style.xml file in the Braze SDK distribution. They are completely open source and completely customizable to suit your application’s aesthetic.

1
2
3
4
5
6
7
8
9
10
11
12
13
  <style name="Appboy"/>
  <!-- Feedback -->
  <style name="Appboy.Feedback"/>
  <style name="Appboy.Feedback.Layout"/>
  <style name="Appboy.Feedback.NavigationBar">
    <item name="android:padding">4dp</item>
    <item name="android:background">@color/com_appboy_feedback_form_navigation_bar_background</item>
  </style>
  <style name="Appboy.Feedback.NavigationBarCancelButton">
    <item name="android:layout_marginRight">2dp</item>
    <item name="android:text">@string/com_appboy_feedback_form_cancel</item>
    <item name="android:textStyle">bold</item>
  </style>

Overriding Styles

If you would prefer, you can override these styles to create a look and feel that better suits your app. To override a style, copy it in its entirety to the styles.xml file in your own project and make modifications. The whole style must be copied over to your local styles.xml file in order for all of the attributes to be correctly set.

Correct Style Override

1
2
3
4
5
6
7
8
9
<style name="Appboy.Feed.List">
  <item name="android:background">@color/mint</item>
  <item name="android:cacheColorHint">@color/mint</item>
  <item name="android:divider">@android:color/transparent</item>
  <item name="android:dividerHeight">16.0dp</item>
  <item name="android:paddingLeft">12.5dp</item>
  <item name="android:paddingRight">5.0dp</item>
  <item name="android:scrollbarStyle">outsideInset</item>
</style>

Incorrect Style Override

1
2
3
4
<style name="Appboy.Feed.List">
  <item name="android:background">@color/mint</item>
  <item name="android:cacheColorHint">@color/mint</item>
</style>

Feedback Form Style Elements

Android Feedback

WAS THIS PAGE HELPFUL?
New Stuff!