Revamped Integration Page with Faster Performance

The new integration page introduces a cleaner card layout, faster performance, and improved scalability for managing integrations.
Revamped integration page banner featuring FirstDirect360 logo, title "Revamped Integration Page with Faster Performance," and cloud graphics, emphasizing user experience improvements and product updates.

Overview

The integration page has been rebuilt with speed, structure, and long-term growth in mind. A cleaner layout replaces the previous flexible design, helping prevent inconsistencies while improving usability and performance across all integrations.

How to Enable

To access the new integration page, go to Settings → Labs and enable the Revamped Integration Page option.

What’s New

This update introduces a standardized layout and clearer interaction patterns designed to make integrations easier to find, connect, and manage.

Card-Based Layout

Integrations are now displayed in a consistent card format with a single primary action. Each card includes a three-dot menu that provides access to integration-specific tools such as documentation, troubleshooting, form mapping, settings, and disconnect options. This approach creates a more predictable and user-friendly experience across all integrations.

Core Actions

Each integration card focuses on two main actions. Connect starts a new integration, while Manage takes you directly to the relevant product page or connected account view. These actions reduce friction and simplify navigation throughout the integration page.

Additional Improvements

Several refinements improve reliability and performance across integrations. Modal designs are now consistent, error messages and descriptions are standardized, and duplicate account entries have been removed. Search functionality makes integrations easier to discover, while safer disconnect options include confirmation steps. Role-based access control is applied consistently, and each integration includes an on-page support document for quick reference.

Performance and Technical Updates

Behind the scenes, major performance improvements were made. Unused JavaScript has been significantly reduced, accessibility scores have increased, and overall load times are faster. Workflow performance has improved, Lighthouse scores are higher, and expanded translation support improves usability across languages. API-level upgrades and adoption of a unified design system ensure the integration page can scale smoothly as new integrations are added.

Why It Matters

This release eliminates long-standing UI inconsistencies, improves discoverability, and delivers meaningful performance gains. The previous experience limited stability and growth, while the new integration page provides a faster, more reliable foundation for managing integrations now and in the future.

Preview

Home page:

Integration management interface featuring various service cards like Google Calendar, TikTok Messaging, and Facebook, with options to manage and connect integrations for improved user experience and performance.

Search on integration page:

Integration page showcasing various Google services like Google Calendar, Google Contacts, and Google Ads, with options to manage and connect, emphasizing improved user experience and performance.

Form listing modal:

Facebook form fields mapping interface displaying various forms, including status toggles and options to edit fields, emphasizing integration management features for enhanced user experience.

Form mapping modal:

Form mapping interface displaying fields for user input, including phone number, product interest, and city, relevant to FirstDirect360's integration management features.

In this Article :

Learn More About Our Ambassador Program