Skip to main content

Modern Design

Better Messages features a modern, clean messaging interface designed for ease of use and visual appeal.

How it works​

The plugin offers a fully customizable messaging layout with modern design principles. Message bubbles can be aligned to different positions, and the interface supports a combined view that shows the conversation list alongside the active conversation. An optional full-screen mode provides an immersive messaging experience on desktop.

Key capabilities​

  • Modern message bubble layout with configurable alignment (left, right, or all-left)
  • Combined view showing conversation list and active conversation side by side
  • Full-screen desktop mode for an immersive chat experience
  • Customizable accent color to match your website design
  • Configurable message area height and sidebar width
  • Responsive layout that adapts to different screen sizes

How to enable​

Navigate to WP Admin → Better Messages → Settings → General.

  • Template — Choose between standard and modern layout
  • Modern Layout — Message bubble alignment (left/right/all-left)
  • Combined View — Show conversation list alongside the active conversation
  • Desktop Full Screen — Enable full-screen toggle button
  • Messages Height — Height of the message area (default: 650px)
  • Messages Min Height — Minimum height of the message area (default: 450px)
  • Side Threads Width — Width of the conversation list sidebar (default: 320px)

Accent color can be customized through WP Admin → Appearance → Customize → Better Messages.