Aggiungi link di pagamento ai tuoi contenuti

Scopri come aggiungere un link di pagamento al tuo sito web HubSpot, a un’e-mail di marketing o a un sito esterno, in modo che i tuoi clienti possano pagarti direttamente dai tuoi contenuti.

Per aggiungere un link di pagamento al tuo sito web, puoi inserire il modulo di pagamento predefinito in una pagina o in un modello drag-and-drop, oppure in un'email di marketing, oppure aggiungere il codice di incorporamento del link di pagamento al tuo sito web esterno.

Se sei uno sviluppatore, hai la possibilità di aggiungere un campo di pagamento al tuo tema o modulo personalizzato, oppure di creare un modulo di pagamento personalizzato.

Aggiungi il modulo di pagamento predefinito alla tua pagina

Quando aggiungi il modulo di pagamento predefinito alla tua pagina, il link di pagamento apparirà come un pulsante di checkout su cui i clienti possono cliccare per inserire i propri dati di pagamento.

1. Accedi al tuo contenuto:
   
   • Pagine del sito web: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Pagine del sito web. Se Altro non compare nel tuo account, vai direttamente a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Landing page. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Landing page.
   • Blog: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Blog. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Blog.
2. Clicca sul nome della pagina per aprire l'editor.
3. In alto a sinistra, clicca su " add".
4. In Moduli, clicca per espandere la sezione Entrate.
5. Fai clic su "Pagamento " e trascinalo nella posizione desiderata sulla pagina.
6. Nell'editor della barra laterale:
   • Nel campo "Pulsante ", inserisci il testo da visualizzare sul pulsante.
   • Sotto Destinazione del pulsante:
     • Seleziona " Usa un link di pagamento " per indirizzare il pubblico verso uno dei tuoi link di pagamento.
       • Fai clic sul menu a discesa " Link di pagamento " e seleziona un link di pagamento.
       • In " Comportamento al checkout", seleziona "Apri in una nuova scheda " se desideri che il link di pagamento apra una nuova scheda o finestra del browser quando viene cliccato. Oppure, clicca su "Sovrapposizione scorrevole " se desideri che il link di pagamento appaia come una sovrapposizione sulla pagina.
     • Seleziona "Altro" per indirizzare il pubblico verso un link esterno o verso una delle pagine del tuo sito web o delle tue landing page:
       • Fai clic sul menu a discesa "Collegamento a" e seleziona "Esterno" per utilizzare un link esterno. Nel campo " URL ", inserisci l’URL.
       • Fai clic sul menu a tendina “Collega a” e seleziona “Contenuto” per utilizzare un sito web o una pagina di destinazione esistente. Fai clic sul menu a tendina “Contenuto” e seleziona una pagina.
       • Attiva l’opzione “Apri il link in una nuova finestra ” se desideri che il link apra una nuova scheda o finestra del browser quando viene cliccato.
       • In " Tipo di link", seleziona la casella di controllo " No follow " per indicare ai motori di ricerca di ignorare il link.
   • Seleziona la casella di controllo "Aggiungi icona " per aggiungere un'icona al pulsante.
     
     • Fare clic sul menu a discesa " Icona".
     • Fare clic su «Sostituisci» per sostituire l’icona esistente.
     • Nel pannello di destra, cerca un'icona. Fai clic sull 'icona per selezionarla.
     • Fai clic sul menu a discesa "Posizione " e seleziona la posizione dell'icona sul pulsante.
       
       
7. In alto a destra, fare clic su "Aggiorna " o " Pubblica " per rendere effettive le modifiche.
8. Nel Gestore del design, puoi anche aggiungere il modulo di pagamento predefinito al modello di pagina.

Aggiungi il codice di incorporamento a una pagina esterna o a un modulo personalizzato

Puoi aggiungere il codice di incorporamento del link di pagamento al tuo sito web esterno oppure creare un modulo di pagamento nel Design Manager e aggiungere il codice di incorporamento al modulo. Quando incorpori il link di pagamento, il modulo di checkout apparirà direttamente sulla tua pagina.

Per copiare il codice di incorporamento:

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Ricavo > Link di pagamento. Se Altro non compare nel tuo account, vai direttamente a Ricavo > Link di pagamento.
2. Passa con il mouse sul link di pagamento e fai clic su Azioni, quindi seleziona Incorpora.
   
   
3. Nella finestra di dialogo, clicca su Copia codice di incorporamento.

Una volta copiato il codice di incorporamento, puoi aggiungerlo direttamente al tuo sito. Oppure, se sei uno sviluppatore, puoi creare un nuovo modulo e includere un campo link che consenta agli utenti di selezionare uno dei link di pagamento disponibili.

Nota: la creazione di moduli richiede conoscenze di HTML, CSS, HubL e del Design Manager di HubSpot. HubSpot consiglia di collaborare con un designer per creare moduli codificati.

Aggiungi un link di pagamento alle email di marketing

Puoi aggiungere un modulo di pagamento alle tue email di marketing. Ad esempio, quando organizzi un evento, puoi includere un link di pagamento che consenta a un acquirente di acquistare un biglietto direttamente dall’email.

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Passa con il mouse su una bozza di email esistente e fai clic su Modifica, oppure fai clic su Crea email per crearne una nuova.
3. In alto a sinistra, clicca su “ add ”.
4. Nella scheda "Contenuto", sotto "E-commerce", clicca su "Pagamenti" e trascinalo nella posizione desiderata sulla pagina.
   
   
5. Fai clic sul menu a discesa “Pagamenti” e seleziona un link di pagamento.
6. Nel campo di testo Pulsante, modifica il testo visualizzato. Per inserire delle emoji nel campo di testo, clicca sull'icona delle emoji.
7. Fai clic sulla scheda "Stili" per personalizzare lo stile del pulsante, inclusi il tipo di carattere, la dimensione e il colore, il colore di sfondo, l’allineamento e la spaziatura.
8. Finalizza e invia la tua e-mail.

Quando un contatto fa clic sul pulsante del link di pagamento, verrà reindirizzato alla pagina di checkout.

Passi successivi

• Scopri di più su cosa succede in HubSpot dopo che è stato effettuato un pagamento.
• Scopri di più sulla gestione dei pagamenti, tra cui la verifica delle commissioni di transazione, il riprovare i pagamenti non andati a buon fine e la richiesta di un nuovo metodo di pagamento a un contatto. Puoi anche scaricare report sui pagamenti e sui versamenti ed esportare i dati relativi ai pagamenti.
• Scopri di più sulla creazione di report nella suite di analisi dei ricavi.