Salta al contenuto
Nota bene: la traduzione in italiano 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

Aggiungete link di pagamento ai vostri contenuti

Ultimo aggiornamento: luglio 25, 2022

In Beta

Si applica a:

Marketing Hub Starter, Professional, Enterprise
Sales Hub Starter, Professional, Enterprise
Service Hub Starter, Professional, Enterprise
Operations Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

Potete aggiungere un link di pagamento al vostro sito web, in modo che i vostri clienti possano completare i pagamenti direttamente sul vostro sito. Per aggiungere un link di pagamento al vostro sito web, potete aggiungere il modulo predefinito per i pagamenti a una pagina o a un modello drag and drop o aggiungere il codice embed del link di pagamento alle pagine esterne del vostro sito web. Potete anche aggiungere un link di pagamento alle vostre e-mail di marketing.

Se siete sviluppatori, avete la possibilità di aggiungere un campo di pagamento al vostro tema o modulo personalizzato, oppure di creare un modulo di pagamento personalizzato .

Aggiungete il modulo dei pagamenti predefinito alla vostra pagina

Quando si aggiunge il modulo di pagamento predefinito alla pagina, il link di pagamento appare come un pulsante di checkout su cui i clienti possono fare clic per inserire i dettagli del pagamento.

  • Navigare verso il proprio contenuto:
    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, naviga su Marketing > Landing page.
    • Blog: Nel tuo account HubSpot, naviga su Marketing > Sito web > Blog.
  • Passare il mouse su una pagina o un post e fare clic su Modifica.
  • Nell'editor dei contenuti, individuare la sezione Moduli comuni nella scheda Aggiungi dell'editor della barra laterale.
  • Fare clic sul modulo dei pagamenti e trascinarlo in posizione sulla pagina.

add-payments-module-to-page

  • Nell'editor della barra laterale, fare clic sul menu a discesa Pagamento e selezionare il link di pagamento da aggiungere alla pagina.
  • Per personalizzare l'esperienza di checkout, nella sezione Comportamento di checkout , selezionare un'opzione:
    • Apri in una nuova scheda: nel browser del cliente si aprirà un'altra scheda in cui inserire le informazioni di pagamento.
    • Sovrimpressione scorrevole: dalla parte inferiore dello schermo del cliente viene visualizzata una sovrimpressione in cui è possibile inserire i dati di pagamento.
  • Nel campoTesto del pulsante , modificare il testo che appare sul pulsante del collegamento al pagamento.
  • Per includere un'icona nel pulsante di collegamento al pagamento, selezionare la casella di controllo Aggiungiicona . Per selezionare un'icona diversa, fare clic per espandere le opzioni di modifica dell'icona .

checkout-button-customization-payments-module

  • In alto a destra, fare clic su Aggiorna o Pubblica per rendere effettive le modifiche.

Nel design manager è possibile aggiungere il modulo dei pagamenti predefinito al modello di pagina.

add-payments-module

Aggiungere il codice embed a una pagina esterna o a un modulo personalizzato

È possibile aggiungere il codice di incorporamento del link di pagamento al sito web esterno, oppure creare un modulo di pagamento nel design manager e aggiungere il codice di incorporamento al modulo. Quando si incorpora il link di pagamento, il modulo di pagamento apparirà direttamente sulla pagina.

  • Nel tuo account HubSpot, naviga su Vendite > Pagamenti.
  • In alto a destra, fare clic su Gestisci link di pagamento.
  • Passare il mouse sul link e fare clic sul menu a discesa Azioni, quindi selezionare Copia codice incorporato.

select-copy-embed-for-payment-link
Aggiungete il codice embed direttamente al vostro sito esterno. In alternativa, se siete sviluppatori, potete creare un nuovo modulo per ogni link o creare un modulo dinamico nel design manager di HubSpot. Per saperne di più sulla creazione di un modulo per i link di pagamento .

Attenzione: quando si incorpora il link al pagamento in una pagina, il riepilogo dell'ordine e la descrizione del checkout non vengono visualizzati. Per visualizzare il riepilogo dell'ordine e la descrizione del checkout, è possibile condividere il link direttamente con l'acquirente.

embedded-checkout-page

Attenzione: la creazione di moduli richiede la conoscenza di HTML, CSS, HubL e del design manager di HubSpot. HubSpot consiglia dilavorare con un designer per creare moduli codificati.

Aggiungere un link di pagamento alle e-mail di marketing

È possibile aggiungere un modulo di pagamento alle e-mail di marketing. Ad esempio, quando si pianifica un evento, è possibile includere un link di pagamento che consente all'acquirente di acquistare un biglietto direttamente dall'e-mail.

  • Nel tuo account HubSpot, naviga su Marketing > E-mail.
  • Passare il mouse su una bozza di e-mail esistente e fare clic su Modifica, oppure fare clic suCreare un'e-mailper creare una nuova e-mail.
  • Nell'editor di e-mail, nella scheda Contenuto del pannello sinistro, fare clic e trascinare il modulo Pagamento nel modello di e-mail.

share-payment-link-in-marketing-email

  • Fare clic sul menu a discesa Pagamenti e selezionare un link.
  • Nel campo di testo del pulsante, modificare il testo visualizzato. Per inserire le emoji nel campo di testo, fare clic sull'icona emoji emoji.

add-emoji-to-button-module

  • Utilizzare gli strumenti di stile per personalizzare il carattere del testo, il colore e la dimensione dei pulsanti.
  • Terminate la configurazione e l'invio dell'e-mail.

Quando un contatto fa clic sul pulsante, viene portato direttamente alla pagina di pagamento. Per saperne di più su cosa succede in HubSpot dopo che è stato effettuato un pagamento.

click-buy-now-link-in-email

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.