NewNew in Beta: Website Preview in BreakUI Pro v2.0.22. Next up: Review Wall element.See updates →
Skip to main content
Conversion

Contact Hub for Breakdance

A floating photo button that opens a card of ways to reach you: book a call, send a message, chat on WhatsApp. New: chat teaser bubbles start the conversation. Add your own screens and drop a Breakdance form or any element inside them.

Your own screens Pro Native Breakdance element Drag any element in

One button, as many screens as you need.

The floating button opens a card. Build the options list, then add your own screens in the builder. Drop the native Breakdance Form or any element inside them.

Your own screens

Select Contact Hub, open Screens and click Hub Div. Name it, then link any option to it. Each screen gets its own Back link.

Native Breakdance Form

Place the Breakdance Form Builder in a screen: email, saved submissions, webhooks and every field type, styled in the builder.

Call, WhatsApp, email, link

Each option can open a link, dial a number, start a WhatsApp chat or write an email.

Show it when you want

Delay, scroll percentage, auto-open, left or right side, and phones only or desktop only.

Fully styleable

Colors, sizes, shape, ring, shadow, borders and spacing for the button, card and option rows, plus a Back link design on every screen.

Chat teaser

Message bubbles pop up above the button with typing dots and an unread badge, then a last bubble opens the card. Set the text, timing, colors and type.

4 ways to style it

1DefaultPhoto header and a clean options list.
Default
Default style of the element
2DarkA dark card that suits dark sites.
Dark
Dark style of the element
3Brand colourYour colour on the header and button.
Brand colour
Brand colour style of the element
4Label launcherA pill button with your own words.
Label launcher
Label launcher style of the element
How to use it

Three steps to your first Contact Hub.

1

Add the element

Add Contact Hub from the BreakUI Pro group on any page, or in your header or footer.

2

Pick your screens

Add call, WhatsApp, link and email options, or open your own screens with a Breakdance form or any element.

3

Style the button

Choose a photo or icon, a round, rounded or square shape, the position and colors. Your Breakdance Form stores messages and can email you.

Quick answers.

Common questions about Contact Hub.

Still have a question?

Ask me directly on WhatsApp.

Chat on WhatsApp

Where do messages go?

Your Breakdance Form handles them: saved in Breakdance form submissions, emailed to you, or sent to a webhook, with the spam options Breakdance gives you.

Can I put the Breakdance form inside?

Yes, that is how the message option works. Any element can sit inside a Hub Div, including the Form Builder.

Can I show it on some pages only?

Yes. Use the normal Breakdance visibility conditions on the element.

Can I change the launcher shape and colors?

Yes. Make it round, a rounded square or a square, and set the corner radius, icon size, ring width and color, shadow and background. A photo follows the same shape.

Is it included in BreakUI Pro?

Yes. It is one of the 8 elements in BreakUI Pro, $29 for unlimited sites.

Get BreakUI Pro for $29.

Install it in a minute and have your first element on the page before your coffee cools.

$29, unlimited sites

Version 2.0.22, 714 KB

  • 8 elements, more on the roadmap
  • One license, unlimited sites and client sites
Get it for $29

See it live

Moniruzzaman Monir

Hire Monir

Available for new projects
What do you need?
Prefer to talk? Book a 30-min call