Crea moduli personalizzati da utilizzare nei modelli di preventivo

Crea moduli personalizzati per i modelli di preventivo per personalizzarne l'aspetto, il contenuto e la logica. Utilizzali per personalizzare i modelli di preventivo in base alle tue esigenze aziendali.

Prima di iniziare

Prima di iniziare a lavorare con i moduli personalizzati, è importante comprendere quali passaggi devono essere intrapresi in anticipo, nonché le limitazioni della funzionalità e le potenziali conseguenze del suo utilizzo.

Comprendere i requisiti

• Acquisisci familiarità con l’HubSpot Content Hub per sviluppatori.

• Se non hai familiarità con React, HTML, JavaScript e CSS, rivolgiti a uno sviluppatore per creare i moduli personalizzati.

Limiti e considerazioni

• Non è possibile creare o aggiungere moduli personalizzati tramite codice a un preventivo utilizzando l’API. Gli utenti dell’API possono selezionare modelli che includono già moduli personalizzati.

• È presente una sola area di trascinamento. I layout di pagina complessi, come un singolo modulo a margine dell’intero preventivo, non sono supportati.

• È necessario utilizzare il contenitore fisso del preventivo. È possibile aggiornare il codice HTML dell’intestazione del sito per modificare la larghezza dell’area di trascinamento.

• È possibile utilizzare CSS personalizzati per nascondere la barra di stato nella parte superiore dei preventivi.

Creazione di moduli

Scopri di più sulla creazione di moduli CMS React, tra cui la struttura delle directory richiesta, la definizione dei campi e la gestione dei dati.

Casi d’uso comuni

I moduli personalizzati offrono la flessibilità necessaria per personalizzare i modelli di preventivo in diversi modi. Esamina i casi d'uso comuni riportati di seguito.

Creare un modulo con tabella delle voci

Crea una tabella delle voci d'ordine personalizzata in base alle tue esigenze aziendali. Ad esempio:

• Aggiungi sezioni: visualizza le voci in sezioni in base alle proprietà. Ad esempio, sezioni separate per prodotti e servizi o per voci una tantum e ricorrenti.

• Modulo dei totali personalizzato: visualizza un riepilogo del preventivo o calcoli personalizzati.

• Visualizza un calendario di fatturazione: crea un calendario basato sulle voci del preventivo.

• Voci opzionali: visualizza le voci come opzionali. Gli acquirenti possono aggiornare il preventivo e l’importo della transazione utilizzando funzioni serverless.

• Ramp: visualizza le variazioni di prezzo delle voci nel tempo, definite da un programma predefinito. Ad esempio, un prodotto che costa 5.000 $ nel primo anno e 10.000 $ nel secondo anno. È inoltre possibile applicare uno sconto a una voce per i primi tre mesi, prima che torni al prezzo standard nel quarto mese.

  Nota: i moduli con codicepersonalizzato non possono gestire le implicazioni di fatturazione delle variazioni graduali al di fuori del rispetto delle date di inizio della fatturazione.

Creare un modulo per termini e condizioni condizionali

Visualizza termini o contenuti diversi in base ai dati del preventivo. Ad esempio, è possibile mostrare il testo legale specifico per regione in base al paese dell’acquirente o includere termini specifici del prodotto quando vengono aggiunte determinate voci.

Crea una sezione dedicata alle parti

Nascondi il modulo standard delle parti e crea un modulo personalizzato con il tuo marchio e la tua formattazione. Puoi anche integrare dati personalizzati come indirizzi di spedizione o proprietà delle società controllate.

Crea un menu di navigazione personalizzato

Aggiungi un menu di navigazione per aiutare gli acquirenti a orientarsi nei preventivi di grandi dimensioni.

Richiedere la conferma delle sezioni

Aggiungi moduli interattivi personalizzati con caselle di controllo o pulsanti per consentire agli acquirenti di confermare la lettura di sezioni specifiche prima di accettare il preventivo.

Personalizza lo stile dei moduli

Crea moduli con formattazione personalizzata delle immagini, ombre, angoli arrotondati, branding e altro ancora.

Elimina i moduli personalizzati

È possibile eliminare i moduli personalizzati dal progetto dello sviluppatore. Di seguito, scopri di più su come l’eliminazione di un modulo influisca sui preventivi e sui modelli di preventivo.

Effetti dell’eliminazione di un modulo di preventivo

Quando un modulo con codice personalizzato viene eliminato da un progetto di sviluppo, non può più essere utilizzato nei nuovi preventivi o nei modelli di preventivo.

Comportamento dei preventivi

• Bozze di preventivi: il modulo eliminato e il relativo contenuto vengono rimossi quando una bozza di preventivo viene modificata e salvata.
• Preventivi pubblicati: il contenuto del modulo viene mantenuto.
• Preventivi richiamati: il modulo eliminato e il relativo contenuto vengono rimossi quando il preventivo viene modificato e salvato dopo essere stato richiamato. Il preventivo pubblicato aggiornato non conterrà né il modulo né il relativo contenuto.

Comportamento dei modelli di preventivo

• Modelli non pubblicati: il modulo eliminato e il suo contenuto vengono rimossi quando un modello di preventivo non pubblicato viene modificato e salvato.
  
  

• Modelli pubblicati: il modulo e il relativo contenuto vengono conservati fino a quando il modello non viene rimosso dalla pubblicazione.
  
  

Ripristino dei moduli eliminati

Scopri di più sul ripristino dei moduli eliminati.