Designing Your Widget (Styling)

  1. Home
  2. Docs
  3. Waply – Click to Chat Wid...
  4. Configuration & Sett...
  5. Designing Your Widget (Styling)

Waply is built to blend seamlessly with your brand. Head over to the Design tab to customize the look and feel.

Color & Typography

  • Theme Color: Choose a hex code that matches your brand colors. This affects the button background and header.
  • Bubble Text: Change the “Need Help?” text to anything that fits your site’s voice.
  • Icon Selection: Choose from several WhatsApp icon styles or upload your own custom SVG.

Positioning & Animations

  • Widget Position: Place the bubble in the Bottom Right or Bottom Left.
  • Entrance Animation: Add a “Bounce,” “Fade,” or “Slide” effect to grab the user’s attention when the page loads.
  • Button Delay: Set a timer (e.g., 3 seconds) so the widget appears only after the user has started browsing.
Was this article helpful to you? No Yes

How can we help?