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:
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:
Instabug.tintColor = .init(red: 0, green: 153/255, blue: 1, alpha: 0)
Instabug.tintColor = UIColor.lightGrayColor;
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.
Here’s what you’ll need to customize your floating button:
BugReporting.floatingButtonEdge = .maxXEdge
BugReporting.floatingButtonTopOffset = 48
IBGBugReporting.floatingButtonEdge = CGRectMaxXEdge;
IBGBugReporting.floatingButtonTopOffset = 48;
For cross-platform apps, check out the snippets here:
For more tips on maximizing your survey effectiveness, check out our in-app survey guide.
- How to segment and target your surveys with Instabug
- How to localize your in-app surveys with Instabug
- How to respond to survey feedback about your app