Customize how the floating button looks on your site.

• Widget Theme: Match the widget to your website’s aesthetic without writing any CSS. Telechat includes several pre-built design languages to choose from:
  • Classic & Minimal: Clean, standard chat button designs.
  • Material Design: Google’s standard depth-based UI.
  • Dark Mode: Perfect for websites with dark backgrounds.
  • Trendy Styles: Choose from Glassmorphism, Neumorphism, Neo-Brutalism, or vibrant Gradients to make your widget stand out.
• Screen Position: Anchor your floating chat button to either the Bottom Left or Bottom Right of the screen. Bottom right is the industry standard, but bottom left is great if you already have a “back to top” button on the right.
• Button Size: Scale the button to fit your layout. Choose from Small (44px), Medium (54px), or Large (64px) to ensure the button is clickable without obstructing your website content.
• Idle Animation: Grab your visitor’s attention gently. You can apply an idle CSS animation to the button so it moves periodically. Options include subtle animations like Pulse and Float, or more attention-grabbing ones like Bounce, Shake, Tada, and Heartbeat.