Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
BETA

Voeg een betaallink toe aan uw website

Laatst bijgewerkt: februari 14, 2022

In Bèta

Geldt voor:

Marketing Hub Starter, Professional, Enterprise
Sales Hub Starter, Professional, Enterprise
Service Hub Starter, Professional, Enterprise
Operations Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

U kunt een betaallink aan uw website toevoegen, zodat uw klanten direct op uw site betalingen kunnen verrichten. Om een betaallink aan uw website toe te voegen, kunt u de standaard betalingsmodule toevoegen aan een drag-and-drop pagina of sjabloon, of de betaallink embed code toevoegen aan uw externe website pagina's.

Als u een ontwikkelaar bent, kunt u een betalingsveld toevoegen aan uw thema of aangepaste module, of een aangepaste betalingsmodule maken.

De standaard betalingsmodule aan uw pagina toevoegen

Wanneer je de standaard betalingsmodule aan je pagina toevoegt, zal de betalingslink verschijnen als een kassaknop waarop klanten kunnen klikken om vervolgens hun betalingsgegevens in te voeren.

  • Navigeer naar uw inhoud:
    • Website pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
    • Landingspagina's: { local.navLandingPages }}
    • Blog: { local.navBlog }}
  • Ga met de muis over een pagina of post en klik op Bewerken.
  • Zoek in de inhoudseditor naar de sectieGemeenschappelijke modulesop het tabbladToevoegenin de zijbalkeditor.
  • Klik op debetalingsmoduleen sleep deze naar zijn plaats op de pagina.

add-payments-module-to-page

  • Klik in de zijbalkeditor op het vervolgkeuzemenuBetalingen selecteer debetalingslinkdie u aan de pagina wilt toevoegen.
  • Om de kassa-ervaring aan te passen, selecteer je in de sectie Kassagedrag een optie:
    • Open in een nieuw tabblad:een ander tabblad wordt 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 betalingsinformatie kan invoeren.
  • Bewerk in het veld Knoptekst de tekst die op de knop met de betaallink verschijnt.
  • Om een pictogram op de betaallinkknop toe te voegen, schakelt u het selectievakjePictogram toevoegenin. Om een ander pictogram te selecteren, klikt u op om de opties voor het bewerken vanpictogrammenuit te breiden.

checkout-button-customization-payments-module

  • Klik rechtsboven opBijwerkenofPublicerenom uw wijzigingen live te zetten.

In de design manager kunt u ook de standaard betalingsmodule toevoegen aan de paginasjabloon.

add-payments-module

Voeg de embed code toe aan een externe pagina of aangepaste module

U kunt de insluitcode voor de betaallink toevoegen aan uw externe website, of een betalingsmodule maken in de designmanager en de insluitcode aan de module toevoegen. Wanneer u de betaallink insluit, verschijnt het afrekenformulier direct op uw pagina.

  • { local.navSettings }}
  • Ga in het menu aan de linkerkant naar Objecten > Producten.
  • Klik op het tabblad Betalingslinks .
  • Beweeg de muis over de link en klik op het Actions dropdown menu, selecteer dan Copy embed code.

select-copy-embed-for-payment-link
Voeg de embed code direct toe aan uw externe site. Of, als je een ontwikkelaar bent, kun je een nieuwe module maken voor elke link of een dynamische module makenin de HubSpot design manager. Meer informatie over het maken van een betaallink module.

embedded-checkout-page

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

Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.