<aside> 📌 First we need to differentiate two things:

  1. The launcher, where your user click to launch the widget: - default launcher - custom launcher(s)
  2. The widget, where your users record feedback

</aside>

Default Launcher

<aside> 👉 Birdie comes with a default launcher that looks like a bubble floating in the bottom corner of the website. Position are customisable to your needs in your Launcher settings page and colors are customisable in your Appearance settings page.

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4ac3c192-fb52-4ec7-8a8a-41de67b73ec5/Screenshot_2021-05-03_at_15.57.23.png

Color

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3ac7fc36-2206-4872-914b-f911a2ddafe5/Screenshot_2020-11-24_at_16.53.44.png

First of all you might choose the right color that fits the best with your own branding color scheme. Note that even if you don't use our launcher, this color will also be used inside the widget.

Position

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3b1b3610-f036-4e87-a36e-69bf6dc49046/Screenshot_2020-11-24_at_16.53.49.png

Choose the right position that won't affect your content reading, or go custom to use your own method or page elements to trigger Birdie.

Custom Launcher

<aside> 👉 If you’d like the widget to open from a specific button, link or element in your app, you can create a custom launcher. For example, you can trigger the widget to open when a customer clicks on your Send a feedback button or Feedback icon.

Note: You can add as many custom launchers to your app or website as you wish.

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ad10d603-2ae5-4fed-93e9-ee3a9d8a01a1/Screenshot_2021-03-16_at_16.01.58.png

If you opt for your custom launcher, you will have 2 methods to open the widget.

  1. The no-code method is quite simple: attach the class zstw_open to any element within the web page, it will be detected and used to launch the widget.
  2. You can also open it programmatically by using a simple Javascript command: window.birdie.widget.open()

You can find much more details about programming tips in this Javascript Cheat Sheet page.

<aside> 💡 You can also pick where and when to display Birdie widget. Check our Targeting feature to see how you can easily setup your own rules (no coding required).

</aside>