how to make the buttons remain fixed in the footer of the whole page?

tobe0928

Jasper

Could you explain a bit more about what you mean? Do you mean to make the button menu sticky, or that they just only appear on the full bottom on the document (so not sticky, but a static view)?

tobe0928

I need to leave it the way it appears in the attached image, in that fixed position for mobiles. Can it be placed that way?

Jasper

tobe0928 Oh that's a great menu style! Unfortunately we currently do not support this yet, but we'd love to add it to our feature list!

I've added it to our feature list. We'll update this topic as soon we support it 🙂

takaacstamaas

Jasper Hello!

Hello!

+1 forthe bottom placement 🙂

Like this: https://i2.wp.com/mywordaffair.com/wp-content/uploads/2018/09/SumoMe-share-buttons-placements.png?resize=768%2C390&ssl=1

Our goal is to make articles fully visible, without distraction on left/right side.

Thank you!
Tom

takaacstamaas

Hello!

I made a little CSS for mobile only.
It looks like this: http://prntscr.com/16976jx
Enjoy:

@media (max-width: 990px) { .buttonizer-group{ left: 50% !important; bottom: 0% !important; flex-direction: row-reverse !important; margin-left: -84px !important; } }

Don't forget to adjust margin-left to place your buttons centered. -84px is for 3 buttons (56x56px size).

Regards:
Tom

Jasper

takaacstamaas That's really cool, thank you for sharing this!

mktmanu

Hello,

We noticed that there is now a website bar option available when creating a new button type. However, it seems to be intended more for banners and we don't really see any option to place 2 buttons.

What we need is very similar to what was shared here: a fixed bottom bar with a “Call Now” button and label, next to another button with a “Consultation” label. Ideally, it would be a full-width bar with each button taking up 50% of the space.

Is this possible to set up somehow?

We could use the expandable button menu, but that seems more intended for apps than for lead capture, since it hides the buttons and requires users to click one extra time before seeing the available options.

Thank you.

TonyG

Hello,

Thanks for your message! We don't support this option yet out-of-the-box, although "takaacstamaas" reply above could be used as a work-around.

We've added various popup options and other features to Buttonizer over time, but we agree they don't necessarily solve what you're looking to do exactly. I think supporting it is still something we want to do, so it's much easier to set up without having to write your own CSS.

Just to confirm, this option is for mobile devices only, correct? I'm curious how you'd like the buttons to appear on desktop. I'm assuming you'd probably setup two different sets of buttons that display differently (one for desktop and one for mobile). I want to make sure we document this feature properly for the dev team. 🙂

Cheers,
Tony

mktmanu

Hi, yes, this is for mobile devices, which is where we currently have the biggest limitation. We use separate buttons on desktop, especially since it is a bilingual site.
Our idea would be something like this:

Right now, the only workaround we have found is this:

However, we feel this version is quite invasive and takes up too much space on mobile. As mentioned before, the expandable menu does not feel like a good option for companies like ours that are trying to capture leads, since the CTAs are hidden behind an extra click.

Thanks,

TonyG

Thanks for confirming. That aligns with our thinking and what others have requested.

For now, have you considered having your buttons separated like my example below? It's almost similar to the footer bar, but not taking up the full width of the screen. Note, you would need to bump the left button further from the edge though due to your "back to top" button (footer bar would have similar issues with that button obviously).