How to set up and style the Floating Contact Buttons widget in Elementor.
Floating Contact Buttons keeps WhatsApp, phone, text message, email, Messenger, Telegram or your own link buttons in a corner of the screen. Show one main button that opens the others, or all buttons stacked.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Buttons | One item per contact channel. |
| Channel | WhatsApp, Phone, Text message, Email, Messenger, Telegram or Custom link. |
| Number, Address or Username | The phone number, email address or username for the channel. |
| Link | The address for a custom link. |
| Ready-Made Message | Text that is filled in for WhatsApp and text messages, and the subject for email. |
| Label | Text shown next to the button. |
| Icon | Your own icon instead of the channel icon. |
| Button Color | Background color of this button. |
| Open Chat Apps in a New Tab | For WhatsApp, Messenger, Telegram and custom links. |
| Option | What it does |
|---|---|
| Show | One main button that opens the others, or all buttons stacked. |
| Main Button Icon | Icon of the main button. |
| Main Button Label | Read out by screen readers, and shown when labels are always visible. |
| Corner | Bottom left or bottom right. |
| Distance From the Side | Space from the side of the screen. |
| Distance From the Bottom | Space from the bottom of the screen. |
| Labels | On hover and keyboard focus, always visible, or hidden. |
| Appear After (seconds) | 0 shows the buttons right away. |
| Pulse Effect | A soft ring that pulses around the first button. |
| Stack Order (z-index) | Raise it if another element covers the buttons. |
Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
button size, icon size, space between buttons, border radius, icon color, main button color and shadow.
text color, background color and typography.
No. The buttons are plain links. The app or site only opens when a visitor clicks.
Yes. Add one item and choose All buttons, stacked under Show.
Yes. Choose Custom link as the Channel and set the Link.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide