Links naar betalingen toevoegen aan je inhoud

Leer hoe je een betaallink toevoegt aan je HubSpot website, marketinge-mail of externe site zodat je klanten je direct vanuit je content kunnen betalen.

Om een betaallink aan je website toe te voegen, kun je de standaard betaalmodule toevoegen aan een drag-and-drop pagina of sjabloon, of een marketing-e-mail, of de insluitcode van de betaallink toevoegen aan je externe website.

Als je een ontwikkelaar bent, heb je de optie om een betalingsveld toe te voegen aan je thema of aangepaste module, of een aangepaste betalingsmodule te maken.

De standaardmodule voor betalingen toevoegen aan je pagina

Als je de standaard betalingsmodule aan je pagina toevoegt, verschijnt de betaallink als een betaalknop waarop klanten kunnen klikken om hun betalingsgegevens in te voeren.

1. Navigeer naar uw inhoud:
   
   • Website pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
   • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
2. Klik op de naam van de pagina om de editor te openen.
3. Klik linksboven op add.
4. Klik onder Modules op om de sectie Commerce uit te vouwen.
5. Klik op Betaling en sleep het naar de juiste positie op de pagina.
6. In de zijbalkeditor:
   • Voer in het veld Button de tekst in die op de knop moet worden weergegeven.
   • Onder Knop doel:
     • Selecteer Gebruik een betaallink om je publiek naar een van je betaallinks te leiden.
       • Klik op het vervolgkeuzemenu Betaalkoppeling en selecteer een betaallink.
       • Selecteer onder Afrekengedrag de optie In nieuw tabblad openen als u wilt dat de betaallink een nieuw browsertabblad of -venster opent wanneer erop wordt geklikt. Of klik op Sliding overlay als je wilt dat de betaallink als een overlay op de pagina verschijnt.
     • Selecteer Andere om je publiek naar een externe link of een van je website- of landingspagina's te leiden:
       • Klik op het vervolgkeuzemenu Koppeling naar en selecteer Extern om een externe koppeling te gebruiken. Voer in het veld URL de URL in.
       • Klik op het vervolgkeuzemenu Koppeling naar en selecteer Inhoud om een bestaande website of landingspagina te gebruiken. Klik op het vervolgkeuzemenu Inhoud en selecteer een pagina.
       • Schakel de schakelaar Koppeling in nieuw venster openen in als je wilt dat de koppeling een nieuw browsertabblad of -venster opent wanneer erop wordt geklikt.
       • Schakel onder Linktype het selectievakje Niet volgen in om zoekmachines te laten weten dat ze de link moeten negeren.
   • Schakel het selectievakje Pictogram toevoegen in om een pictogram aan de knop toe te voegen.
     
     • Klik op het vervolgkeuzemenu Pictogram.
     • Klik op Vervangen om het bestaande pictogram te vervangen.
     • Zoek een pictogram in het rechterpaneel. Klik op het pictogram om het te selecteren.
     • Klik op het vervolgkeuzemenu Positie en selecteer de positie van het pictogram op de knop.
       
       
7. Klik rechtsboven op Bijwerken of Publiceren om je wijzigingen live te zetten.
8. In de Design Manager kun je ook de standaard betalingsmodule toevoegen aan het paginasjabloon.

De insluitcode toevoegen aan een externe pagina of aangepaste module

Je kunt de insluitcode voor de betaallink toevoegen aan je externe website of een betalingsmodule maken in Design Manager en de insluitcode aan de module toevoegen. Wanneer je de betaallink insluit, verschijnt het afrekenformulier direct op je pagina.

Om de insluitcode te kopiëren:

1. Ga in je HubSpot-account naar Commerce > Betaallinks.
2. Beweeg de muis over de betaallink en klik op Acties.
   
   
3. Klik in het dialoogvenster op Insluitcode kopiëren.

Als je de insluitcode hebt gekopieerd, kun je deze direct aan je site toevoegen. Of, als je een ontwikkelaar bent, kun je een nieuwe module maken en een linkveld toevoegen waarin gebruikers kunnen kiezen uit de beschikbare betaallinks.

Let op: het maken van modules vereist kennis van HTML, CSS, HubL en de HubSpot design manager. HubSpot raadt aan om samen te werken met een ontwerper om gecodeerde modules te maken.

Een betaallink toevoegen aan marketinge-mails

Je kunt een betalingsmodule toevoegen aan je marketing e-mails. Als je bijvoorbeeld een evenement plant, kun je een betaallink toevoegen waarmee een koper direct vanuit de e-mail een ticket kan kopen.

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Ga met de muis over een bestaand e-mailontwerp en klik op Bewerken of klik op E-mail maken om een nieuwe e-mail te maken.
3. Klik linksboven op add.
4. Klik op het tabblad Inhoud onder E-commerce op Betalingen en sleep het naar de juiste positie op de pagina.
   
   
5. Klik op het vervolgkeuzemenu Betalingen en selecteer een betaallink.
6. Bewerk de tekst die verschijnt in het tekstveld Knop. Klik op het emoji-pictogram om emoji's in uw tekstveld in te voegen.
7. Klik op het tabblad Stijlen om de stijl van de knop aan te passen, inclusief het lettertype, de lettergrootte en kleur, de achtergrondkleur, uitlijning en opvulling.
8. Voltooi en verzend je e-mail.

Als een contact op de knop van de betaallink klikt, komt hij op de afrekenpagina terecht.

Volgende stappen

• Meer informatie over wat er in HubSpot gebeurt nadat een betaling is gedaan.
• Meer informatie over het beheren van betalingen.
• Meer informatie over het maken van rapporten in de commerce analytics suite.