Links naar betalingen toevoegen aan je inhoud

Je kunt een betaallink aan je website toevoegen zodat je klanten direct op je site 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 de insluitcode van de betaallink aan je externe websitepagina's toevoegen. Je kunt ook een betaallink toevoegen aan je marketingmails.

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

De standaard betalingsmodule 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. Beweeg de muis over een pagina of bericht en klik op Bewerken.
3. Klik linksboven op + Toevoegen.
4. Klik onder Modules op de sectie Commerce.
5. Klik op Betaling en sleep het naar de juiste positie op de pagina.
   
   
6. In de zijbalkeditor:
   • Voer de tekst die op de knop moet worden weergegeven in het tekstveld Knop in.
   • 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 Openen in een nieuw tabblad als u wilt dat de betaallink een nieuw browsertabblad of -venster opent wanneer erop wordt geklikt, of klik op Overlappen schuiven als u wilt dat de betaallink als een overlay op de pagina wordt weergegeven.
     • 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 de URL in het URL-veld 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 de 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 de designmanager 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 link en klik op Acties.
3. 
4. 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 zodat inhoudsmakers 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 aan marketingmails toevoegen

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 + Toevoegen.
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 het instellen en verzend je e-mail.

Als een contact op de knop klikt, wordt hij direct naar de afrekenpagina gebracht. Meer informatie over wat er in HubSpot gebeurt nadat een betaling is gedaan.