HubSpot Knowledge Base

Aggiungete link di pagamento ai vostri contenuti

Scritto da HubSpot Support | Nov 22, 2021 9:50:10 PM

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, potete aggiungere un campo di pagamento al vostro tema o modulo personalizzato, oppure creare un modulo di pagamento personalizzato.

Aggiungere il modulo di pagamento predefinito alla pagina

Quando aggiungete il modulo di pagamento predefinito alla vostra pagina, il link di pagamento apparirà come un pulsante di checkout su cui i clienti potranno fare clic per inserire i dettagli del pagamento.

  • Navigare verso il contenuto:
    • Pagine del sito web:
    • Pagine di destinazione:
    • 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 Pagamenti e trascinarlo in posizione sulla pagina.

  • Nell'editor della barra laterale, fare clic sul menu a discesa Pagamenti e selezionare il link di pagamento da aggiungere alla pagina.
  • Per personalizzare l'esperienza di pagamento, nella sezione Comportamento di pagamento , 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 le informazioni di pagamento.
  • Nel campo Testo 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 di Icone.

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

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

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

È possibile aggiungere il codice di incorporamento del link di pagamento al proprio 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.

Per copiare il codice embed:

  • Passare il mouse sul link e fare clic su Azioni, quindi selezionare Incorpora.

  • Nella finestra di dialogo, fare clic su Copia codice.

Una volta copiato il codice di incorporamento, è possibile aggiungerlo direttamente al proprio sito. Oppure, se si è uno sviluppatore, si può creare un nuovo modulo e includere un campo di collegamento per consentire ai creatori di contenuti di selezionare i link di pagamento disponibili.



Attenzione: la creazione di moduli richiede la conoscenza di HTML, CSS, HubL e del design manager di HubSpot. HubSpot consiglia di lavorare 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.

  • Passare il mouse su una bozza di email esistente e fare clic su Modifica, oppure fare clic su Crea email per creare una nuova email.
  • Nell'editor di e-mail, nella scheda Contenuto del pannello di sinistra, fare clic e trascinare il modulo Pagamento nel modello di e-mail.

  • 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.

  • Utilizzare gli strumenti di stile per personalizzare il carattere del testo, il colore e la dimensione del pulsante.
  • 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 un pagamento.