Integration UI/UX Revamp

The revamped Integration Page in Accommador introduces a faster, cleaner, and more structured way to manage all your integrations. With a modern card-based layout, improved performance, and enhanced usability, users can now connect, manage, and troubleshoot integrations more efficiently. This update also brings better scalability and consistency across all integrations.

Understanding these changes helps you streamline your workflows and improve overall system performance. What is the Revamped Integration Page? The revamped Integration Page in Accommador is a redesigned interface that centralizes how users discover, connect, and manage integrations. It replaces the legacy layout with a structured, card-based system that improves usability, consistency, and performance while supporting future scalability.

This update ensures that all integrations follow a unified design and interaction model, making it easier to navigate, manage accounts, and resolve issues without confusion. It also introduces standardized actions, improved error handling, and faster load times to enhance the overall experience. Key Benefits of the Revamped Integration PageThe redesigned experience focuses on usability, performance, and consistency, making integration management more efficient and reliable.

• Improved User Experience: A clean, card-based layout makes it easier to scan, find, and manage integrations.
• Faster Performance: Reduced load times and optimized APIs provide a smoother experience.
• Simplified Management: Unified actions like Connect and Manage streamline workflows.
• Better Visibility: Clear error indicators and notifications help identify and resolve issues quickly.
• Enhanced Scalability: Standardized design supports future integrations without inconsistencies.
• Stronger Security: Backend improvements reduce risks and improve system reliability.

Card Layout & NavigationThe new card-based layout organizes each integration into a consistent and easy-to-understand format, helping users quickly identify available actions and important details without navigating through complex menus. Each integration appears as a card with: Integration name and logoShort descriptionPrimary action button (Connect or Manage)3-dot menu for additional optionsThe layout is fully standardized across all integrations, ensuring a consistent experienceCore Actions: Connect vs ManageUnderstanding the difference between Connect and Manage helps users take the correct action based on the current state of an integration, reducing confusion and improving workflow efficiency.

Connect: Used when no account is linkedStarts the process of connecting a new integrationManage: Appears when an integration is already connectedRedirects to settings or allows management of linked accountsThese actions dynamically update based on whether an integration is already configured. Integration Options (3-Dot Menu)The 3-dot menu provides quick access to integration-specific actions, allowing users to manage settings, troubleshoot issues, and perform advanced configurations without leaving the Integration Page.

Available options may include: Support documentationForm mappingTroubleshooting toolsDisconnect options (per account or integration)Integration settingsSearch & DiscoveryThe built-in search functionality allows users to quickly locate integrations, especially useful for accounts with many connected services. Search bar located at the top of the pageFilters integrations in real time as you typeHelps reduce time spent scrolling through integrationsAccount Management (Unified Modal)The unified account management modal centralizes all connected accounts for an integration, making it easier to manage multiple accounts in one place.

View all connected accounts in a single modalMark a primary accountAdd additional accountsPerform account-specific actions (settings, reconnect, remove)View error indicators for individual accountsForm Mapping & Integration ConfigurationForm mapping enables seamless data transfer between external platforms and Accommador by aligning form fields with CRM fields, ensuring accurate data synchronization.

View available forms in a structured listEnable or disable forms using togglesMap form fields to CRM fields using the “Edit Fields” optionSave configurations directly within the modalError Handling & NotificationsImproved error handling ensures that users can quickly identify and resolve issues without needing complex troubleshooting steps. Visual indicators highlight connection issuesSupports both: Connection-level errors (specific account issues)Integration-level errors (broader issues)Allows faster diagnosis and resolution directly from the UIPerformance & Reliability ImprovementsBehind-the-scenes enhancements significantly improve the speed, reliability, and scalability of the Integration Page, ensuring a smoother experience even as more integrations are added.

Faster page load timesReduced system resource usageImproved accessibility and usabilityMore reliable API performanceConsistent experience across all integrationsFrequently Asked QuestionsQ: Will my existing integrations be affected by this update? No, all existing integrations will continue to work as expected. The update only improves the interface and management experience.

Q: What happens if an integration shows an error? Error indicators will appear on the integration or account level, allowing you to take corrective actions such as reconnecting the account. Q: How do I disconnect an integration? You can disconnect integrations or individual accounts using the 3-dot menu or account management modal, with confirmation prompts for safety.

Q: Why do I see “Manage” instead of “Connect”?“Manage” appears when an integration is already connected, allowing you to configure or update existing settings. Q: Can I connect multiple accounts for one integration? Yes, the unified account modal allows you to add and manage multiple accounts for supported integrations.