Customising the widget appearance.

Match the widget to your brand: colours, button text, position, and the welcome message.

The basics

Go to Settings, then Appearance. Three things matter:

Button colour: match it to your site's primary colour
Button text: what the floating button says ("Text us", "Quick chat", "Send a message")
Welcome message: the first line a visitor sees when they tap the button

Colours

You'll see a colour picker for the button background and text. We default to TapText blue (#2563eb ) but most operators change it. Pick something that contrasts with your site so it's actually visible.

Tip. If your site is dark, a bright accent colour (yellow, orange) works better than a dark button on a dark page.

Position

Default is bottom-right. You can also choose:

Bottom-left (handy if you've got a chat-style mascot or other elements bottom-right)
Centre-bottom (mobile-first sites)

We don't offer top positions on purpose. Top corners get ignored.

Button shape and size

Round (default) or pill. Small, medium, or large. Most operators stick with default. Bigger isn't better, people know what these buttons are.

Welcome message

This is the most important thing on the page. Your default is "Hi! Send us a message and we'll text you back." Change it.

Better:

"Out on a job? Text us, we'll reply when we down tools."
"Booking enquiries faster than the phone. Type away."
"Get a quote in two minutes."

Heads up. Don't write "Hi I'm your AI assistant!" or anything that smells like a bot. Customers will close the widget. The whole point of TapText is that a human texts back.

Required fields

By default we ask for: Name, Mobile, Message. You can hide name if you want a lower-friction form, but mobile is required (we can't text them otherwise).

Hide on certain pages

If you don't want the widget on, say, your /checkout page, add the page path under Hide on URLs.