Skip to main content
Sudhanshu
Gainsight Product Manager
September 12, 2022
Release

Banner Widget

Related products:CC Product Updates
  • September 12, 2022
  • 25 replies
  • 920 views
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

September 22, 2022

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

Contributor ⭐️
September 23, 2022

It is very good  idea

Sudhanshu
SudhanshuAuthor
Gainsight Product Manager
September 23, 2022

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. 

September 23, 2022

Odd. In-app it says 2400px

Sudhanshu
SudhanshuAuthor
Gainsight Product Manager
September 23, 2022

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

Paul_
Contributor ⭐️⭐️⭐️⭐️⭐️
September 28, 2022

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

  • Background color

  • Title color

  • Description color

Is it this? Or somewhere else?

 

Paul_
Contributor ⭐️⭐️⭐️⭐️⭐️
October 4, 2022

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?

Sudhanshu
SudhanshuAuthor
Gainsight Product Manager
October 4, 2022

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

 

Paul_
Contributor ⭐️⭐️⭐️⭐️⭐️
October 4, 2022

Hey @Sudhanshu 

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

 

bjoern_schulze
Helper ⭐️⭐️⭐️
October 5, 2022

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