Skip to main content
Sudhanshu
Gainsight Product Manager
Sep 12, 2022 11:10 AM UTC
Release

Banner Widget

Related products:CC Product Updates
Banner Widget

Our goal is to allow our customers to build the community or customer hub that they envision, and to tailor it to their needs. Today, we’re expanding our customization capabilities to better direct your users to specific areas of your community by offering the all new Banner widget.

What can I use it for?

The new Banner widget will offer you a full-width section to better display images, text and buttons and draw your visitor’s attention. We feel this is an essential building block that, for example, allows you to:

  • Build a landing page to highlight 2 or 3 specific aspects of your community, and lead your visitors there

  • Better drive visitors to content that you’d like your audience to engage with

  • Improve conversion by creating a dedicated section with a clear CTA to register

  • Better draw attention to a specific announcement, and link to more details 

Some visual examples:

_we_En6UtBr8FQp6VbTiVrNRLEriQR9MpESc-g0V9sAkCd0HgI6cRv0eBIle75bfTsnias4QqvHjmssPmeyDeQHlXFtBUGJMyyVhPBxUmiAMUZ0vlqEJkkidIa8Pq1NIcLdzq3f4hIISe2O5BI4nqlJufCTDYqrMPPsHyy9tfxIDlv2wL4H1DS95Ow

rQUf52-p7Nx6-TxNgqaeH1dOgcaj4bPa-ef95ZYBeQjA97biDhMTEPB5xTahBNZaEg4trmTjQpSJ0EPUELbhKnekRUEmcrqWiQN1Ag35Nvd4FE-NqPcte0fkrDObmJRoKWaZe0zEETwuX4asljFA_q3aX2ir3h0lxuG8AYmjfdZs396mW8grzbRSrQy9gc8RpepwwuaLUuQ5wNDwNo2w7hDcsSMiab_9RGaz0SesRjo-H9m-tkineXGzXqxk-ezbpyzYHlGITW651kvJzEbqh2WeGUvSkynk9RUailno57NBH7t2Ru8NxE09ttrbMCZJ4-Wa6rvY9dql5gcbvVB9zTLzpHj-hKblOi3UdhZ9BFXZj6TkBieQ

 

How do I use it?

Just as with any widget, you can insert it by toggling Customization mode, and clicking the + icon at the line where you want to insert it. You’ll then be able to customize:

  • Header & content (and text alignment)

  • Image (and image alignment)

  • Buttons (primary and secondary)

  • Background color

  • Title color

  • Description color

We’d love to hear from you!

  • What would you be using this widget for specifically? 

  • What would make this widget even more powerful?


 

25 replies

Sep 22, 2022 7:05 PM UTC

What are the suggested dimensions for a banner image? Similar to other responsive components, how does the banner display on mobile and other devices?

Translate
Contributor ⭐️
Sep 23, 2022 3:20 AM UTC

It is very good  idea

Translate
Sudhanshu
SudhanshuAuthor
Gainsight Product Manager
Sep 23, 2022 1:34 PM UTC

Recommended dimensions for Banner image is 640*480 px. The banner is also responsive: depending on the screen size, display size of the image is Screenwidth*240 px. 

Translate
Sep 23, 2022 1:46 PM UTC

Odd. In-app it says 2400px

Translate
Sudhanshu
SudhanshuAuthor
Gainsight Product Manager
Sep 23, 2022 2:13 PM UTC

That’s incorrect. Thanks for pointing it out @Scott Baldwin.

Translate
Paul_
Contributor ⭐️⭐️⭐️⭐️⭐️
Sep 28, 2022 9:12 AM UTC

Where can I change the colors specifically for this banner widget?

  • Background color

  • Title color

  • Description color

Is it this? Or somewhere else?

 

Translate
Paul_
Contributor ⭐️⭐️⭐️⭐️⭐️
Oct 4, 2022 7:53 AM UTC

Where can I change the colors specifically for this banner widget?

  • Background color

  • Title color

  • Description color

Is it this? Or somewhere else?

 

@Sudhanshu  can you tell me this?

Translate
Sudhanshu
SudhanshuAuthor
Gainsight Product Manager
Oct 4, 2022 11:31 AM UTC

Hi @Paul_ , Apologies for the delay!
The colors for Banner Widget can be changed in the customization mode:

Customize > Edit Banner Widget > Widget Style [in the sidebar]

Customization Mode
Edit Banner Widget
Widget Style in the Sidebar

 

Translate
Paul_
Contributor ⭐️⭐️⭐️⭐️⭐️
Oct 4, 2022 11:46 AM UTC

Hey @Sudhanshu 

That's so weird. I don't see that option. Any idea why?

 

Translate
bjoern_schulze
Helper ⭐️⭐️⭐️
Oct 5, 2022 12:05 PM UTC

Can confirm, @Paul_, I don’t see that option either.

Translate