Table of Contents

Unlock the full potential of your support system with these advanced configuration options. Beyond the basics, CHAT.devad.io offers a suite of powerful tools designed to enhance accessibility, security, and performance. This guide covers how to deploy the Progressive Web App (PWA) for a native-like experience, utilize keyboard shortcuts for rapid management, and configure URL parameters for dynamic automation. Additionally, we will explore the robust security protocols—including IP banning and AES-256 encryption—that protect your data, alongside performance tuning options to ensure lightning-fast load times.

Progressive Web App (PWA)

The CHAT.devad.io admin area functions as a Progressive Web App (PWA). This technology allows you to install the administration panel directly onto your desktop, Mac, iPhone, or mobile device, enabling you to use it just like a fully functional native application. By installing the PWA, you gain faster access to your chats and a more immersive interface without needing to open a browser tab every time.

Note: This feature is fully supported on all versions of CHAT.devad.io and is optimized specifically for Google Chrome and Safari browsers.

Recommendation regarding Android Apps:
If you are using the cloud version of CHAT.devad.io on Android, apps are available on Google Play. However, we strongly recommend using the PWA instead of the native Android app to ensure you always have the latest features and instant updates.

To install on a desktop environment using Chrome:

  1. Navigate to your admin area URL (e.g., https://chat.devad.io).
  2. Look for the + (plus) icon on the right side of the URL address bar.
  3. Click the icon to install.

If you are using the WordPress version, simply follow the specific browser prompts for installing the current page as an app.

For Android mobile devices and Windows environments (all versions):

  1. Open Google Chrome and enter your admin area URL (e.g., https://www.your-site.com/script/admin.php or https://chat.devad.io/).
  2. Open your browser’s settings menu (usually the three dots).
  3. Scroll down and tap Add to Home screen.
  4. Confirm the action by tapping Add.

For iPhone or Mac (Safari – all versions):

  1. Enter your admin area in Safari (e.g., https://chat.devad.io/).
  2. Press the Share button (the square with an arrow pointing up).
  3. Select Add to Home Screen from the popup menu.
  4. Tap Add in the top right corner to complete the installation.

Keyboard Shortcuts

To maximize efficiency, admin area keyboard shortcuts are enabled by default for both PC and Mac users. These shortcuts allow agents to navigate the interface, manage conversations, and perform actions without navigating away from the keyboard.

Shortcut Description
ENTER or SPACE Confirm or close a dialog alert; functions the same as clicking OK.
ESC or CANCEL Decline a dialog alert and close it. Also closes a lightbox if one is active.
SHIFT + ENTER or CTRL + ENTER Add a line break to a message. Note: This functionality applies only to the admin editor.
CANCEL (Admin) In the admin conversations area, use this to archive a conversation or delete it.
CTRL + UP/DOWN ARROW In the admin conversations area, navigate quickly between the conversations in the list.
CTRL + RIGHT/LEFT ARROW In the admin users area, navigate horizontally between different users.
CTRL + V Paste an image directly from the clipboard and send it immediately as a message.
CTRL + Left mouse click Bulk Actions: Hold down CTRL while clicking conversations in the admin list to select multiple items. You can then perform bulk actions like archiving, deleting, or marking as read/unread on all selected conversations simultaneously.

URL Parameters Configuration

URL parameters allow you to trigger specific behaviors automatically when the page loads. This is useful for marketing campaigns, direct user support links, or deep linking into the admin panel.

Front-end Chat Parameters

Append these parameters to any URL on your website where the chat widget is loaded (e.g., https://example.com/?conversation=1234).

URL Parameter Description
?token=TOKEN Login an existing user automatically. Replace TOKEN with the user’s unique token, which can be retrieved from the user’s profile box in the admin area.
?conversation=ID Open a specific conversation immediately on load. Replace ID with the conversation ID. Note: The token attribute is required for users who are not currently logged in.
?chat=open Force the chat widget to open automatically when the page loads.

Admin Area Parameters

These parameters are designed for the administration panel URL (e.g., https://chat.devad.io/?setting=123 or https://www.yoursite.com/script/admin.php?area=users).

URL Parameter Description
?conversation=ID Open a specific conversation within the conversations area. Replace ID with the conversation ID.
?user=ID Open the profile box of a specific user. Replace ID with the user ID.
?setting=ID Open a specific setting directly within the settings area. Replace ID with the setting ID.
?report=ID Open a specific report in the reports area. Replace ID with the report ID.
?area=name Navigate directly to a specific admin section. Replace name with one of the following: conversations, users, settings, or reports.
?login_email=... Auto-login: Log in an existing agent or user automatically via URL. Syntax: ?login_email=email&login_password=password. Replace with actual account credentials.

Calendly Integration

You can seamlessly integrate Calendly booking invitations into your chat flows using Rich Messages. Follow these steps to set up a “Schedule a Meeting” button.

  1. Create an event type from your Calendly dashboard (e.g., https://calendly.com/event_types/user/me).
  2. Click Share and copy the generated URL.
  3. To send the invitation in chat, use the button rich message type.
  4. Paste your Calendly URL into the link attribute.
  5. Crucial Step: Include the success attribute. This defines the confirmation message sent to the user automatically once the booking is completed.

Code Example:

[button link="https://calendly.com/your-link" name="Schedule a meeting" success="Thank you! Your meeting has been scheduled."]

Success! When the user completes the booking process inside the popup, the success message is triggered automatically.

Security Protocols

Security is paramount at CHAT.devad.io. We work with security experts to perform periodic audits and implement the latest technologies to counter threats. Below is a detailed breakdown of the implemented security measures.

IP Ban & Brute Force Protection

The system permits a maximum of 10 unsuccessful login attempts within one hour. If a user, admin, or agent exceeds this limit, they are blocked from accessing the account or admin area for 1 hour. This mechanism uses the user’s IP address to deter brute force attacks. Fixing a lockout: If you see the error “Too many login attempts”, you can wait 1 hour or manually delete the ip-ban row from the sb_settings database table.

Performance Optimization

CHAT.devad.io is engineered for speed, featuring extremely lightweight JavaScript and CSS files that are significantly smaller than competitors. The system is modular, framework-free, and fully optimized. However, you can further fine-tune performance via Settings > Miscellaneous > Performance optimization.

Optimization Tip!
These settings are powerful. Disabling reports or articles reduces server resource usage significantly by preventing the system from loading those specific subsystems entirely.

  • Minify JS: Enable this to load minified versions of JavaScript and CSS files for the front-end widget, reducing file size and improving loading speed.
  • Disable reports: Stops the system from collecting and recording report data, saving valuable server resources.
  • Disable articles: Turns off the Knowledge Base/Articles functionality completely, preventing associated resources from loading on both the admin and client sides.
  • Archive old messages: Automatically moves messages older than a specified interval to a dedicated backup table. These messages will disappear from active views, drastically improving performance if you handle millions of messages. Note: If a user sends a new message to an archived conversation, the system automatically restores the history. You can also manually restore conversations from the user’s profile.

Customization & Services

You have full freedom to edit the source code of the CHAT.devad.io PHP and WordPress versions to fit your specific needs (see terms of service). While the Cloud version’s source code is not directly editable, it supports extensive customization via the JavaScript API, Web API, and custom CSS. Since the chat widget does not use an iframe, styling it with custom CSS is seamless and effective.

Hire Us

If you require specific customizations but lack the resources to implement them, our team is available for hire. We can tailor CHAT.devad.io to your exact requirements. Our hourly rate is 100 USD. To request a quote based on the complexity of your project, contact us via the support chat in the bottom right corner or email us at [email protected]. We typically reply within 24 hours.

Categorized in:

CHAT App, Settings Area,