Floatton for Shopify: Floating Contact Buttons That Turn Visitors Into Conversations

Shoppers have questions, and most of them won't go looking for your contact page to ask. Floatton is a Shopify app that adds floating buttons to your store, so customers can call you, chat on WhatsApp or Messenger, send an email or jump to a key page in one tap, on desktop and on mobile.

Floatton adds floating contact buttons to a Shopify store on desktop and mobile

Why add floating buttons to your store?

A visitor who can't find a quick way to ask about sizing, delivery or stock often just leaves. Floating buttons stay on screen while customers scroll, so your phone number, chat and most important pages are always one tap away. They also help with navigation on long pages: a back to top or home button saves shoppers from endless scrolling, especially on phones.

Key features of Floatton

1. Floating buttons for every way customers reach you

Add buttons for phone calls, WhatsApp, Messenger, email, your social pages, maps or any page of your store. Each button opens a link you choose: a page, a website, a phone number (tel:), an email address (mailto:) or a WhatsApp chat (https://wa.me/...). You can also add built-in navigation buttons:

  • Back to top to return to the top of the page
  • Home page to go straight to your homepage
  • Go back to return to the previous page

Floating phone, WhatsApp, Messenger, email and back to top buttons on a Shopify storefront

2. A simple editor with live preview

For each button, pick what happens when it's clicked, add a label and a link. Labels appear next to a button when the mouse is over it. Drag buttons to change their order, and turn a button off to hide it without losing its link. A live preview shows every change as you make it.

3. Over 2,400 icons and flags

Choose an icon for each button from a library of more than 2,400 icons and flags, including the brands your customers already use. On the PRO plan you can also upload your own icons.

Floatton button editor with actions, labels, links, icon picker and live preview

4. Make it match your brand

Set the position (left side, right side or the bottom of the screen), the distance from the bottom and the button size. Pick the button color, icon color and icon color on hover, or use transparent buttons that show only the icons. Square buttons are included for free, and the PRO plan adds rounded, circle and drop shapes.

Floatton design settings for position, size, shape and colors with square, rounded, circle and drop buttons

5. The right buttons on the right pages and devices

Show a widget on computers only, phones only or both. With PRO you can create up to 20 widgets with up to 30 buttons each, show each widget only on the pages you choose, and add rules to hide it on specific pages. For example, you can keep a contact bar on every page, show quick actions only on phones, and add a product help widget only on product and cart pages.

Multiple Floatton widgets with device and page targeting settings

6. Cursor and effects

PRO includes a few extra touches that help your store stand out:

  • Custom cursor: pick one from the library or upload your own (PNG, GIF, WebP or CUR).
  • Tab title notification: when visitors switch to another tab, your store's tab title alternates between two messages, such as "Come back! 😊" and "10% off with code BACK10", to bring them back.
  • Smooth scrolling: pages scroll smoothly with the mouse wheel on computers, with adjustable speed and acceleration.

7. Theme blocks

Floatton also adds blocks you can place in your theme editor. A sticky add to cart block, which keeps the product, its price and the add to cart button at the bottom of product pages, is included for free. PRO adds a floating action button that opens a menu of links, a floating shoppable video, an announcement bar and a side navigation menu.

Floatton custom cursor, tab title notification, sticky add to cart and theme blocks

See Floatton in action

How to get started

  1. Install Floatton from the Shopify App Store.
  2. In the app's Setup guide, click Turn on in theme, turn on the Floatton app embed and save.
  3. Open Widgets, choose your buttons and add your links: phone, WhatsApp, Messenger, email, social pages, back to top and more.
  4. Adjust the design and where the widget shows, then view your store to see your buttons live.

Pricing

  • Free: one widget with up to 5 buttons, over 2,400 icons and flags, position, size, colors and labels, display on computers, phones or both, and the sticky add to cart block.
  • PRO ($1.49/month): everything in Free, plus up to 20 widgets, up to 30 buttons per widget, widgets on the pages you choose, rounded, circle and drop shapes, your own icons, custom cursor, tab title notification, smooth scrolling, custom CSS, and the floating action button, shoppable video, announcement bar and side navigation blocks.

Charges are billed by Shopify with your store's invoice every 30 days, and you can cancel at any time.

FAQ

Do I need to know how to code? No. You set everything up in the app, and Floatton appears on your store once the app embed is on in your theme.

Does it work with my theme? Floatton runs as a theme app embed, so you can turn it on from the theme editor without editing any theme code.

Can I show different buttons on mobile and desktop? Yes. Each widget can show on computers, phones or both. On the PRO plan you can create one widget for desktop and another for mobile.

Can I turn everything off quickly? Yes. A single switch on the Floatton home page turns every widget, the cursor, the tab title and smooth scrolling on or off at once.

Which languages does the app support? The Floatton admin is available in 21 languages, including English, Vietnamese, Chinese, Japanese, Korean, French, German and Spanish.

Make it easy for customers to reach you

Every question you answer quickly is a sale you're more likely to make. Install Floatton for free and give your shoppers a one-tap way to call, chat or find what they need.

Back to blog