Forum Documentation Showcase Pricing Learn more

Bubbles new floating banner

Thank you @Bubble! This looks much better than the previous style and much less intrusive. :slight_smile:

9 Likes

Cool!
@Bubble
Can you consider adding an option to choose the position (left, right, center)?
Most of chat system/customer care are located on bottom right.

7 Likes

I’m still seeing the old banner on desktop @bubble

Could we please make the shadow black with opacity rather than a lighter colour so we don’t get a clash like this on dark backgrounds… :slight_smile: @Bubble

08

1 Like

https://pmfproject.bubbleapps.io

old banner above

Its a nice change, definitely less intrusive. But I agree, it needs to be flexible in the positioning like @Jici mentioned.

Yeah the dropshow might be a tad on the heavy side.

I’m seeing the new banner on your site @Codeables .

Maybe try clearing browser cache? Are you on Chrome?

Yes I’m on Chrome. I see the new banner on mobile phone just not on my desktop with Chrome.

Sounds like a cached issue then if its displaying okay on the mobile device.

Perhaps try clearing cache (ctrl + shift + del) select ‘cached images and files’ to clear.

Also try logging out of your Bubble account and re-testing, could be related.

Last thought, maybe another browser test on your machine to double check things.

Much improved!

However, I humbly submit that (like in many parts of the UI) the excess verbosity can be eliminated. I also think the background color suggestion proposed in this excellent post would be a great improvement in contrast and readability.

Here are a couple quick samples with these points in mind…

Dark Background

bubble-badge-dark-bg

Light Background

bubble-badge-light-bg

EDIT: And oh yeah, I definitely agree with @Jici about the option to left, center, or right align!

8 Likes

Really like this one. Clean and simple. Target reached. I don’t think that Bubble need more.

I like the improvements, but maybe wait till the redesign? I also think you should look at the way Webflow and Wappler did it. That looks a bit cleaner. @shot design also looks great.

14 59

1 Like

In fact the drop shadow seems to be a shade of blue?!

02

That’s just wrong!

Please change it to #00000 with 10% opacity to look nice on any background… pleaaaase @Bubble :slight_smile: :slight_smile:

1 Like

Desktop is much better now. I still think mobile needs to be more subtle and/or escapable. It is still especially egregious on mobile when you try to type in an input field and the mobile keyboard takes up half the screen as is, and then the Bubble bubble takes even more space after that. It also still draws the eye too much (there’s a balance between having a clean-looking app and promoting Bubble on the free plan, to be sure, and I think that balance was found on desktop (comments above notwithstanding), but the banner is still too aggressive on mobile, IMHO).

2 Likes

I agree with @edd, desktop looks very sleek now and @shot design also looks on point, nudge… The mobile version is definitely still quite aggressive.

I’d try a hard reload. Open dev tools in chrome > click and hold the ‘refresh’ button, then select ‘Emtpy cache and hard reload’ from the drop down and see if it returns.

image

Thanks for making the suggestions. I’ve shared your requests with our engineering team!

1 Like