Join CTO Moataz Soliman as he explores the potential impact poor performance can have on your bottom line. 👉 Register Today

ebook icon

User Guides

General

How to Customize the UI of Your Instabug Surveys

Launching surveys is just one of the ways you’ll make sure you’re getting the feedback you need to put out a great product. Instabug is loaded with different types of surveys, and you can boost their effectiveness by customizing them to your own brand and experience. There are custom surveys, NPS surveys, and app rating surveys, plus in-app announcements. Each one of these will be best when outfitted with your look.

So let’s get down to the details! In this post, let’s look at how you can customize the UI of your Instabug surveys to suit your app and add a welcome message to get more responses.

Customize the UI of your Instabug surveys

In-app surveys are one of the most effective ways to collect product feedback. To maximize your responses, you’ll want to match your survey interface with the rest of your branding.

Custom surveys that incorporate seamlessly with your app experience will be more successful as they offer a more immersive, native experience. If your survey look and feel is inconsistent with your branding, it erodes user trust and undermines your brand.

Choose your theme

You’ll want to start by customizing the overall SDK theme if you haven’t already. That will make sure that Instabug fits right in with your app experience. The interface has two different color theme options — choose from light or dark.

Here’s the code snippet you’ll use to choose your theme:

iOS

Swift

Instabug.setColorTheme(.dark)

Objective-C

[Instabug setColorTheme:IBGColorThemeDark];

Android

Java

Instabug.setColorTheme(InstabugColorTheme.InstabugColorThemeLight);

Cross-platform

And here’s how to change the theme on your cross-platform app:

Read on below to see how you can further customize by choosing your primary color.

Set your primary color

Your primary color will be the color users will see on your icons, interactive items and call to action buttons. This pop of color will help tie Instabug in with the rest of your app.

Use this method to set your primary color:

iOS

Swift

Instabug.tintColor = .init(red: 0, green: 153/255, blue: 1, alpha: 0)


Objective-C

Instabug.tintColor = UIColor.lightGrayColor;

Android

Java

Instabug.setPrimaryColor(Color.BLUE);

Cross-platform

Here are the snippets for your cross-platform app:

Floating button options

There are many ways for your users to invoke Instabug, which, by default, starts with a shake of the phone. If you’ve chosen to use a floating button instead, you can also customize your button color and position on the screen.

How to show Instabug

Here’s what you’ll need to customize your floating button:

iOS

Swift

BugReporting.floatingButtonEdge = .maxXEdge

BugReporting.floatingButtonTopOffset = 48

Objective-C

IBGBugReporting.floatingButtonEdge = CGRectMaxXEdge;

IBGBugReporting.floatingButtonTopOffset = 48;

Android

Java

BugReporting.setFloatingButtonEdge(InstabugFloatingButtonEdge.RIGHT);

BugReporting.setFloatingButtonOffset(50);

Cross-platform

For cross-platform apps, check out the snippets here:

For more tips on maximizing your survey effectiveness, check out our in-app survey guide.

Start Your 14-Day Free Trial for Realtime Contextual Insights

In less than a minute, integrate the Instabug SDK for iOS, Android, React Native, Xamarin, Cordova, Flutter, and Unity mobile apps