3. Elementor Widget Button

Use the Better Chat Support Button widget inside Elementor to place a Messenger chat button anywhere on your page with full design control.

General Settings

1. Facebook ID – Enter your Facebook username or page ID.
   • Example: facebook.com/themeatelier → enter themeatelier
   • Do not paste the full URL

2. Style – Choose the button layout style.
   • Example: Advanced Button (shows agent info, labels, and status)

3. Agent Photo – Upload the agent’s profile image.
   • Use a clear and professional image
   • Helps build trust and personalization

4. Button Top Label – Text shown above the main button label.
   Example: John / Sales SupportTypically used for agent name or role.

5. Button Main Label – Main text displayed on the button.
   Example: How can I help you?

6. Online Badge Text – Text shown when the agent is available.
   Example: I’m available

7. Offline Badge Text – Text shown when the agent is unavailable.
   Example: I’m offline

8. Open Link in New Window – Enable this option to open Messenger in a new tab.

Chat Settings

9. Chat Settings Panel – Configure additional chat behavior (expandable section).
   • Includes options like availability, message text, and chat behavior

Pro Tip

Use the Advanced Button style with agent photo + status badge to create a more human and engaging experience, especially for sales or support pages.