VTAP è la piattaforma low code di Vtiger che aiuta sviluppatori e amministratori a estendere le capacità del CRM. Abbiamo due strumenti che offrono la possibilità di creare applicazioni a basso codice.
Uno è Module Designer e l'altro è API Designer. In questo blog, esamineremo cosa, come e quando utilizzare Module Designer.
Progettista di moduli
Quando utilizzare Module Designer (casi d'uso)
Puoi utilizzare il Designer del modulo per:
- Applicare formule complesse e aggiornare un campo
- Lampeggia un avviso quando un utente sta inserendo informazioni errate
- Salva alcune preferenze dell'utente
- Salva le impostazioni dell'estensione o i dati di configurazione
- Aggiungi pulsanti, widget e icone
Cosa fornisce il Module Designer per raggiungere gli obiettivi di cui sopra?
- Ambiente di sviluppo integrato (IDE), in cui è possibile scrivere la logica e il codice personalizzato
- API Javascript VTAP
Come usare Designer moduli?
Il Designer del modulo è disponibile in Menu principale > App piattaforma. È gratuito per tutti i clienti Professional ed Enterprise. Se desideri sviluppare e rilasciare estensioni nel marketplace, puoi firmare per un'edizione per sviluppatori gratuita da qui.
È possibile utilizzare il Designer del modulo per aggiungere quanto segue:
- Script VTAP: consente di aggiungere pulsanti personalizzati, widget, ecc.
- Componenti: consente di aggiungere componenti personalizzati.
- Stili VTAP: ti aiuta a cambiare l'aspetto dell'interfaccia utente.
- Pagina: consente di aggiungere pagine personalizzate.
In questo blog, discuteremo come aggiungere script VTAP a Module Designer.
Aggiunta di script VTAP
Gli script VTAP sono i punti di ingresso per la logica personalizzata. Si inizia dando un nome allo script e selezionando il modulo per il quale lo script deve essere eseguito. È importante scegliere un modulo poiché molto spesso hai esigenze specifiche del modulo come ascoltare il clic del pulsante di un contatto o un salvataggio di record.
Puoi scegliere di creare un modulo di estensione personalizzato o utilizzare moduli esistenti per aggiungere uno script.
Nota: Crea un modulo di estensione se desideri che il modulo venga rilasciato tramite il marketplace di Vtiger.
Ora diamo un'occhiata ad alcuni esempi di utilizzo degli script VTAP.
Esempio 1: È stato aggiunto un pulsante alla pagina dell'elenco dei lead. Ogni script viene creato con questa impalcatura di base con il nome scelto per lo script, come mostrato di seguito.
L'elemento base di VTAP è un componente e si basa sul componente Vue e sui suoi eventi del ciclo di vita.
- Nome del componente: Leads_Component_Registro
- Sintassi: {{MODULE}}_Component_{{NAME}}
- I componenti si estendono da: VTAP.Component.Core.extend
funzioni
- Creato la funzione è la punto di ingresso per qualsiasi componente. Questa è la funzione in cui puoi registrarti per i pulsanti o ascoltare gli eventi.
- Modello è dove aggiungi il tuo codice HTML, se presente.
- Metodi è dove aggiungi le funzioni che vengono chiamate nel modello HTML. Nell'esempio seguente, chiamiamo la funzione ClickMe quando si fa clic su un pulsante. Ecco come appare il codice finale:
VTAP.Registro.Componenti L'API ti aiuta ad aggiungere pulsanti, widget, icone, ecc. Il primo parametro dell'API ti dice dove vuoi aggiungere i tuoi componenti personalizzati. Per vedere l'elenco dei componenti supportati, fare clic su qui.
Esempio 2: Aggiunta di un widget alla visualizzazione di riepilogo dei contatti e dell'organizzazione.
Puoi utilizzare una registrazione per aggiungere lo stesso widget in più moduli. In tali casi, dovremmo aggiungere VTAP Script per tutti i moduli (utilizzare il menu a discesa durante la creazione di VTAP Script).
Per l'API VTAP.Component.Register, abbiamo un quarto parametro che ti aiuta a selezionare i moduli a cui aggiungere i widget. Ecco come appare nella vista di riepilogo delle organizzazioni.
VTAP offre anche la possibilità di ascoltare le azioni eseguite dall'utente. Ad esempio, quando un utente crea o aggiorna un record, apre una pagina dei dettagli, visualizza una finestra popup di modifica, ecc. Per visualizzare un elenco di tali eventi trigger, fare clic su qui.
È necessario ascoltare tali eventi e aggiungere un gestore per eseguire azioni su di essi.
Di seguito è riportato un esempio per l'evento – record salvato. Questo esempio controllerà lo stato del contatto del contatto quando il record viene salvato. Se lo stato del contatto è Concorrente, verrà visualizzata una notifica che dice "Attenzione!!".
Allo stesso modo, la piattaforma VTAP ha fornito vari hook dell'interfaccia utente per inserire i tuoi componenti personalizzati come pulsanti nella pagina elenco/dettaglio, widget nella vista di riepilogo e icone.
Per tutti i diversi segnaposto forniti, vedere i dettagli forniti nel nostro documentazione.
Nei nostri prossimi blog tratteremo le altre funzionalità di VTAP: Custom Components, VTAP e Custom Pages.
Consiglio vivamente di scrivere il proprio codice. Inizia in piccolo con un pulsante personalizzato e vai da lì. Usa il nostro Designer di moduli Esempi, disponibile nella nostra documentazione, come base per il tuo primo codice. Scoprirai che personalizzare il tuo CRM può essere un processo semplice e divertente.
Per qualsiasi altra domanda, inviare un'e-mail a [email protected]. Registrati per l'edizione per sviluppatori qui.
