Links naar betalingen toevoegen aan je inhoud
Laatst bijgewerkt: juni 14, 2024
Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:
Alle producten en plannen |
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 betalingsmodule toevoegen aan een pagina of sjabloon met slepen en neerzetten of de insluitcode voor de betaallink toevoegen aan je externe websitepagina's. Je kunt ook een betaallink toevoegen aan je marketingmails. 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.
- 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.
- Beweeg de muis over een pagina of bericht en klik op Bewerken.
- Zoek in de inhoudseditor de sectie Algemene modules op het tabblad Toevoegen.
- Klik op de betalingsmodule en sleep deze naar de juiste positie op de pagina.
- Klik in de zijbalkeditor op het vervolgkeuzemenu Betaling en selecteer de betaallink die u aan de pagina wilt toevoegen.
- Om de betaalervaring aan te passen, selecteert u een optie in de sectie Afrekengedrag :
- Open in een nieuw tabblad: er wordt een ander tabblad geopend in de browser van de klant waar hij zijn betalingsgegevens kan invoeren.
- Schuivende overlay: een overlay schuift omhoog vanaf de onderkant van het scherm van de klant waar hij zijn betalingsgegevens kan invoeren.
- Bewerk in het tekstveld Knop de tekst die op de knop betaallink verschijnt.
- Schakel het selectievakjePictogram toevoegen in om een pictogram toe te voegen aan de knop betaallink. Om een ander pictogram te selecteren, klikt u op om de bewerkingsopties voor pictogrammen uit te vouwen.
- Klik rechtsboven op Bijwerken of Publiceren om je wijzigingen live te zetten.
In de designmanager 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 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:
- Ga in je HubSpot-account naar Commerce > Betaallinks.
- Beweeg de muis over de link en klik op Acties.
- Klik in het dialoogvenster op Code 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 waarmee 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 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.
- Ga in je HubSpot-account naar Marketing > Marketing-e-mail.
- 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.
- Klik in de e-maileditor op het tabblad Inhoud in het linkerpaneel en sleep de module Betaling naar de e-mailsjabloon.
- Klik op het vervolgkeuzemenu Betalingen en selecteer een koppeling.
- Bewerk de tekst die verschijnt in het tekstveld van de knop. Klik op het emoji-pictogram om emoji's in het tekstveld in te voegen.
- Gebruik de stylingfuncties om het lettertype, de kleur en de grootte van de knop aan te passen.
- Voltooi het instellen en verzenden van 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.