2 Immagine

VTAP Module Designer – La nostra piattaforma low code per rendere il tuo CRM tuo!


VTAP è la piattaforma a basso codice di Vtiger che aiuta gli sviluppatori e gli amministratori ad estendere le capacità del CRM. Abbiamo due strumenti che forniscono la possibilità di creare applicazioni a basso codice. Uno è il 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:

  1. Script VTAP: consente di aggiungere pulsanti personalizzati, widget, ecc.
  2. Componenti: consente di aggiungere componenti personalizzati.
  3. Stili VTAP: ti aiuta a cambiare l'aspetto dell'interfaccia utente.
  4. 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.

Sotto-immagine-1

Sotto-immagine-2

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.

C1

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_Register
  • 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.
  • C2
    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.
  • 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:
C3

Esempio 2: Aggiunta di un widget alla vista di riepilogo del contatto e dell'organizzazione. Puoi utilizzare una registrazione per aggiungere lo stesso widget in più moduli. In tali casi, dovremmo aggiungere lo script VTAP per tutti i moduli (utilizzare il menu a discesa durante la creazione dello script VTAP).

C4

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.

Sotto-immagine-3

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!!".

C5

Allo stesso modo, la piattaforma VTAP ha fornito vari hook dell'interfaccia utente per inserire i componenti personalizzati come i pulsanti nella pagina elenco/dettagli, i widget nella vista di riepilogo e le 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 platform@vtiger.com. Iscriviti all'edizione per sviluppatori qui.

Tag: , , , , , , , , , , , , ,

Banner

Sei vantaggi dell'integrazione di Vtiger CRM con il tuo account WhatsApp

La messaggistica istantanea ha sostituito i metodi tradizionali di comunicazione commerciale. I clienti vogliono che le aziende siano in grado di interagire con loro immediatamente. Lo sapevi che il 63%...
Pagina di destinazione blog 2

Aumenta la tua generazione di lead con la funzione Landing Pages di Vtiger

Internet è un posto fantastico dove stare. Continua a cambiare il modo in cui comunichiamo gli uni con gli altri, condividiamo la conoscenza e viviamo un'esistenza appagante...
Vtiger aiutante 5

Multi-tasking senza sforzo con Aide, l'assistente virtuale di Vtiger

Quando sei in visita a un cliente, o viaggi, o semplicemente hai una giornata impegnativa, ci sono tutte le possibilità che tu possa perdere un ...
Progettazione API

Un mondo di possibilità: usa VTAP API Designer e connettiti con app esterne

Poiché i dati sono un elemento essenziale della nostra vita quotidiana, Vtiger mira a rendere i dati facilmente accessibili, anche al di fuori del CRM. Una delle caratteristiche più significative...
Vtiger Enrich

Vtiger Enrich: trasferisce i dati di contatto da LinkedIn al CRM

Al giorno d'oggi, tutti i professionisti che lavorano sono su LinkedIn. È uno dei modi migliori per fare rete con colleghi, potenziali dipendenti, clienti e contatti commerciali. Come un ...
Social GMB

Gestisci il tuo account Google My Business con Vtiger Social

Come promesso, siamo tornati con maggiori informazioni su Vtiger Social! In precedenza, ti abbiamo presentato[1] il modulo Social e ne abbiamo discusso l'aspetto Facebook[2]. In questo post,...
Social Facebook

Gestisci la tua Pagina Facebook con Vtiger Social

Pochi giorni fa vi abbiamo presentato il nostro nuovissimo modulo Social[1]. È una piattaforma all'interno di Vtiger CRM che ti consente di gestire ...
Immagine del blog - Modulo sociale

Vtiger Social Module: porta le tue interazioni sui social media nel tuo CRM

Non è un segreto che i social media ora svolgano un ruolo di primo piano nell'aiutare un'azienda a rimanere competitiva in un ambiente aziendale sempre più digitale. Voi ...
Visualizzazione elenco Azione 6 (1)

Grandi piccole cose – Azioni di visualizzazione elenco

Benvenuti nel primo blog della nostra nuova miniserie, "Big Little Things", in cui mettiamo in evidenza alcune delle funzionalità e dei miglioramenti più piccoli in Vtiger CRM ...
Immagine caratteristica del blog VTAP

Introduzione a VTAP API Designer – Parte 2

In precedenza, nella nostra serie di blog Vtiger Application Platform (VTAP), abbiamo discusso su come personalizzare l'interfaccia Vtiger e inserire pulsanti e widget personalizzati per ...
Caricamento in corso
Copyright 2021 Vtiger | Privacy | Centro legale e politico