VTAP: Zwiększanie wydajności poprzez niestandardową integrację pop-upów dla aplikacji w Vtiger CRM

W tym wydaniu newslettera szczegółowo opisano proces osadzania zewnętrznej witryny internetowej lub narzędzia internetowego w systemie Vtiger CRM za pomocą niestandardowego okna podręcznego.

Witryna zewnętrzna jest wyświetlana za pośrednictwem , dzięki czemu jest dostępny w interfejsie CRM. To rozwiązanie jest zasilane przez moduł projektanta Vtiger i wykorzystuje hak GLOBAL_ACTION do dynamicznego wyświetlania wyskakującego okienka. Ta integracja może być używana do integracji telefonii, zarządzania projektami, narzędzi wsparcia i nie tylko.

Cel

  • Zapewnij użytkownikom bezproblemową obsługę dzięki integracji narzędzi zewnętrznych bezpośrednio w systemie Vtiger CRM.
  • Zwiększ wydajność, eliminując potrzebę przełączania się między CRM a aplikacjami innych firm.
  • Zapewnij elastyczność, umożliwiając integrację różnych witryn i platform stron trzecich.

Implementacja techniczna

Skrypt Popup w Projektancie Modułów

  • Logika tworzenia i zarządzania wyskakującym okienkiem jest zapisana w skryptach Projektanta modułów.
  • Skrypty te są wstrzykiwane dynamicznie, co pozwala na elastyczne rozmieszczenie bez konieczności modyfikowania podstawowych plików CRM.

Rejestracja haka: GLOBAL_ACTION

  • Niestandardowy hak jest rejestrowany za pomocą haka GLOBAL_ACTION programu Vtiger.
  • Hak umożliwia dodawanie niestandardowych elementów interfejsu użytkownika (np. ikon, przycisków) w różnych widokach lub modułach w Vtiger.

Renderowanie ikon i interakcja

  • Niestandardowy hak renderuje ikonę lub przycisk w wymaganym miejscu interfejsu CRM.
  • Po kliknięciu ikony otwiera się okno podręczne z osadzoną ramką iframe, która ładuje zewnętrzną witrynę internetową.

Osadzanie iframe

  • Ramka iframe jest dynamicznie wstrzykiwana do okna podręcznego i ładuje określoną zewnętrzną witrynę internetową.
  • Zawartość ramki iframe jest dostosowana do kontenera pop-up i jest w pełni funkcjonalna w systemie CRM, bez konieczności przełączania kart.

Zalety tego podejścia

  • Brak modyfikacji rdzeniaRozwiązanie wykorzystuje haki i niestandardowe skrypty, zachowując integralność głównych plików Vtiger.
  • Modułowe:Można go łatwo rozszerzyć o osadzanie różnych narzędzi zewnętrznych poprzez aktualizację adresu URL ramki iframe.
  • Dynamiczny wtrysk:Frame iframe jest tworzona dopiero po kliknięciu przez użytkownika ikony niestandardowej, co zapewnia przejrzystość interfejsu użytkownika do momentu, aż będzie potrzebny.
  • Personalizacja:Pełna kontrola nad rozmieszczeniem, projektem i stylizacją ikony oraz wyskakującego okienka iframe.

Względy bezpieczeństwa

  • KORS: Zewnętrzna strona internetowa musi zezwalać na osadzanie iframe. Jest to zazwyczaj kontrolowane za pomocą nagłówków HTTP, takich jak X-Frame-Options i Content-Security-Policy.
  • HTTPS: Upewnij się, że zarówno Vtiger, jak i zewnętrzna strona internetowa używają protokołu HTTPS, aby zapobiec błędom związanym z mieszaną zawartością.
  • Kontrola Dostępu: Użyj wbudowanej w Vtiger kontroli dostępu opartej na rolach, aby ograniczyć liczbę użytkowników, którzy mogą uzyskać dostęp do osadzonego okna podręcznego.

Przypadek użycia: Integracja telefonii

Scenariusz:Firma korzysta z aplikacji telefonicznej innej firmy (np. Ozonetel) do zarządzania połączeniami i interakcjami z klientami. Celem jest zintegrowanie systemu telefonicznego bezpośrednio z Vtiger CRM, aby umożliwić agentom obsługi klienta zarządzanie połączeniami i aktualizowanie rekordów CRM bez opuszczania interfejsu CRM.

Rozwiązanie: Używając niestandardowego wyskakującego okienka w Vtiger, aplikacja telefoniczna jest osadzona w CRM. Agenci mogą kliknąć ikonę w CRM, która otwiera ramkę iframe wyświetlającą system telefoniczny. Ta integracja umożliwia agentowi:

  • Wykonuj i odbieraj połączenia bezpośrednio z CRM.
  • Przeglądaj historię połączeń i dane klientów w czasie rzeczywistym.
  • Aktualizuj rekordy CRM na podstawie interakcji telefonicznych.
  • Zmień status dostępności (np. Aktywny, Niedostępny) w systemie CRM.

Rozwiązanie to eliminuje konieczność przełączania się agentów między systemem CRM a aplikacją telefoniczną, co zwiększa efektywność i zmniejsza konieczność przełączania kontekstu.

Wierzymy, że te przykłady poprawią Twoje doświadczenia z Vtiger CRM. Chcemy zapewnić, że programiści i użytkownicy CRM mogą wzajemnie dzielić się informacjami i wiedzą, aby zwiększyć funkcjonalność CRM.

Bądźcie czujni, aby dowiedzieć się więcej. Szczęśliwego kodowania!

 
 

Zarejestruj się, aby otrzymywać najnowsze aktualizacje!