Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
BETA

Utilizzare modelli di proposta personalizzati con i preventivi (BETA)

Ultimo aggiornamento: febbraio 3, 2021

In Beta

Si applica a:

Marketing Hub  Professional, Enterprisee
Vendite Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee

Quando crei un preventivo da inviare a un potenziale cliente, puoi creare un modello di proposta personalizzato. Puoi personalizzare l'HTML, il CSS e il JavaScript del modello nel design manager in modo che i tuoi preventivi corrispondano alle esigenze della tua azienda. Una volta che un modello è stato personalizzato e pubblicato, il tuo team di vendita può selezionare il modello quando crea i suoi preventivi. Possono anche personalizzare gli stili del tema per il preventivo dal costruttore di preventivi.

Questa opzione è utile se hai un modello predefinito che usi frequentemente per creare proposte. Queste proposte potrebbero essere lunghe molte pagine e contenere ulteriori dettagli sul tuo prodotto o servizio.

Nota: devi essere un utente in una delle categorie Marketing Hub o CMS Hub Professional o Enterprise con i permessi di Edit code templates & modules e un utente in un accountSales Hub Professional o Enterprise per utilizzare i modelli di proposta personalizzati.

I modelli che crei mentre questa funzione è ancora in beta avranno probabilmente bisogno di essere adattati nel corso di questa beta. HubSpot fornirà maggiori informazioni su quali cambiamenti potrebbero essere necessari man mano che questa funzione si sviluppa.

Creare un modello di proposta personalizzato

HubSpot fornisce due modelli di proposta predefiniti nella cartella @hubspot nel tuo design manager: Preventivo (semplice) e Proposta (alta). Puoi clonare e modificare questi modelli predefiniti per personalizzare la copia e il design della proposta. Si consiglia di lavorare con un designer del tuo team per apportare modifiche all'HTML, CSS e JavaScript dei modelli di proposta. Per accedere ai modelli di proposta per la clonazione e la modifica:

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel finder sul lato sinistro, naviga fino alla cartella @hubspot . Questa cartella contiene tutti i tuoi temi, compresi i modelli di proposta.
  • Fai clic destro su cms-proposals-themes, quindi seleziona Clone theme.

clone-cms-themes-folder

  • Nella finestra di dialogo, inserisci un nome per il tuo tema clonato e clicca su Create.

enter-name-cloned-proposals-file

  • Il tema clonato sarà copiato nella cartella principale e sarà elencato nel finder con le altre cartelle. All'interno del file del tema clonato, fai clic sulla cartella dei modelli , quindi seleziona il modello proposals_tall.html o quote_simple.html da modificare.

select-the-proposal-template

  • Qui, puoi fare delle modifiche al modello codificato. Si raccomanda di lavorare con un designer nella tua squadra o con qualcuno che sia abile in HTML, CSS e Javascript per fare modifiche al modello. Per ulteriori risorse sul design personalizzato, è possibile fare riferimento alladocumentazione per gli sviluppatori di HubSpot.

edit-html-proposal-template

  • Quando hai finito, clicca su Publish changes.

Il modello di proposta modificato sarà disponibile nel menu a discesa del modello di preventivo nell'editor di preventivo. Mentre sei nel gestore del design, puoi apportare ulteriori modifiche al tema clonato. Per saperne di più sull'uso dei temi.

Utilizzare il modello personalizzato per creare un preventivo

Puoi usare il modello personalizzato che hai creato nel gestore del design per creare un preventivo.

  • Nel tuo account HubSpot, naviga su Vendite > Preventivi.
  • In alto a destra, clicca su Crea preventivo.
  • Per associare il contatto a un affare, clicca sul menu a discesa Associa a un affare e seleziona un affare.
  • Fare clic su Avanti.
  • Fare clic sul menu a discesa Modello di preventivo e selezionare un modello di proposta.
  • Per selezionare un dominio personalizzato per l'URL del preventivo, clicca sul menu a discesa Dominio e seleziona un dominio. Per impostazione predefinita, lo slug del contenuto utilizza una data unica e l'ID del preventivo e non ha bisogno di essere personalizzato.

select-a-proposal-template-from-quotes-editor

  • Oltre a personalizzare il modello e il tema nel design manager, un singolo utente del tuo team può modificare le impostazioni di visualizzazione del tema dal costruttore di quote. Fai clic sul collegamento ipertestuale dell'anteprima del tema sotto l'anteprima del preventivo.

edit-quote-theme-styles

  • L'anteprima del tema si aprirà in un'altra scheda del tuo browser. Nel menu della barra laterale sinistra, puoi modificare le impostazioni di visualizzazione, colore e font.
    • Nelle tue impostazioni di visualizzazione , puoi scegliere di mostrare o nascondere le voci di riga e le informazioni della carta intestata sul tuo preventivo.
    • Nelle tue impostazioni di colore globale , puoi modificare il colore primario, secondario e di sfondo del tema per tutti gli elementi inclusi nei tuoi modelli di tema. Puoi anche personalizzare i colori dei pulsanti e i font del tema.
    • Nelle impostazioni globali dei font , puoi modificare il font primario e il colore del font del tema.

edit-quote-theme-settings

  • Fai clic su Applica modifiche, quindi fai clic su Pubblica su [numero] attività in alto a destra.
  • Torna all'editor del preventivo e continua a impostare il tuo preventivo.

Dopo aver pubblicato il tuo preventivo, scopri come condividere il tuo preventivo con i tuoi contatti.