Aggiungete link di pagamento ai vostri contenuti

Scoprite come aggiungere un link di pagamento al vostro sito web HubSpot, a un'e-mail di marketing o a un sito esterno, in modo che i vostri clienti possano pagarvi direttamente dai vostri contenuti.

Per aggiungere un link di pagamento al tuo sito web, puoi aggiungere il modulo di pagamento predefinito a una pagina o a un modello drag-and-drop o a un'e-mail di marketing, oppure aggiungere il codice embed del link di pagamento al tuo sito web esterno.

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 predefinito per i pagamenti alla pagina

Quando si aggiunge il modulo predefinito per i pagamenti alla propria pagina, il link per il pagamento apparirà come un pulsante di checkout sul quale i clienti potranno fare clic per inserire i dettagli del pagamento.

1. Navigare nel proprio contenuto:
   
   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
   • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
2. Fare clic sul nome della pagina per aprire l'editor.
3. In alto a sinistra, fare clic su add.
4. Sotto Moduli, fare clic per espandere la sezione Commercio.
5. Fare clic su Pagamento e trascinarlo in posizione sulla pagina.
6. Nell'editor della barra laterale:
   • Nel campo Pulsante, inserire il testo da visualizzare sul pulsante.
   • Sotto Obiettivo pulsante:
     • Selezionate Usa un link di pagamento per indirizzare il pubblico a uno dei vostri link di pagamento.
       • Fare clic sul menu a discesa Link di pagamento e selezionare un link di pagamento.
       • In Comportamento di pagamento, selezionate Apri in una nuova scheda se desiderate che il link di pagamento apra una nuova scheda o finestra del browser quando viene cliccato. Oppure, fare clic su Sovrapposizione scorrevole se si desidera che il link di pagamento appaia in sovraimpressione sulla pagina.
     • Selezionate Altro per indirizzare il pubblico a un link esterno o a una delle vostre pagine web o di destinazione:
       • Fate clic sul menu a discesa Collegamento a e selezionate Esterno per utilizzare un link esterno. Nel campo URL, inserire l'URL.
       • Fare clic sul menu a discesa Collegamento a e selezionare Contenuto per utilizzare un sito web o una pagina di destinazione esistente. Fare clic sul menu a discesa Contenuto e selezionare una pagina.
       • Attivare l'interruttore Apri link in nuova finestra se si desidera che il link apra una nuova scheda o finestra del browser quando si fa clic.
       • In Tipo di link, selezionare la casella di controllo Non seguire per indicare ai motori di ricerca di ignorare il link.
   • Selezionare 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, cercare un'icona. Fare clic sull'icona per selezionarla.
     • Fare clic sul menu a discesa Posizione e selezionare la posizione dell'icona sul pulsante.
       
       
7. In alto a destra, fare clic su Aggiorna o Pubblica per rendere effettive le modifiche.
8. Nel Design Manager è possibile aggiungere il modulo di pagamento 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:

1. Nel tuo account HubSpot, passa a Commerce > Link di pagamento.
2. Passare il mouse sul link al pagamento e fare clic su Azioni, quindi selezionare Incorpora.
   
   
3. Nella finestra di dialogo, fare clic su Copia codice incorporato.

Una volta copiato il codice di incorporamento, è possibile aggiungerlo direttamente al proprio sito. In alternativa, se si è uno sviluppatore, è possibile creare un nuovo modulo e includere un campo di collegamento che consenta agli utenti di scegliere tra 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.

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. 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.
3. In alto a sinistra, fare clic su add.
4. Nella scheda Contenuto, sotto Ecommerce, fare clic su Pagamenti e trascinarlo in posizione sulla pagina.
   
   
5. Fare clic sul menu a discesa Pagamenti e selezionare un link di pagamento.
6. Nel campo di testo del pulsante, modificare il testo visualizzato. Per inserire le emoji nel campo di testo, fare clic sull'icona emoji.
7. Fare clic sulla scheda Stili per regolare lo stile del pulsante, compresi il tipo, la dimensione e il colore dei caratteri, il colore dello sfondo, l'allineamento e il padding.
8. Finalizzare e inviare l'e-mail.

Quando un contatto fa clic sul pulsante del link di pagamento, viene portato alla pagina di pagamento.

I prossimi passi

• Per saperne di più su cosa succede in HubSpot dopo che è stato effettuato un pagamento.
• Ulteriori informazioni sulla gestione dei pagamenti.
• Per saperne di più sulla creazione di report nella suite di analisi del commercio.