You can add a payment link to your website so that your customers can complete payments directly on your site. To add a payment link to your website, you can add the default payments module to a drag and drop page or template or add the payment link embed code to your external website pages.
When you add the default payments module to your page, the payment link will appear as a checkout button, which will redirect your visitors to a HubSpot page where they can complete the checkout process.
Navigate to your content:
Website pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
Landing pages: In your HubSpot account, navigate to Marketing > Landing Pages.
Blog:In your HubSpot account, navigate to Marketing > Website > Blog.
Hover over a page or post and click Edit.
In the content editor, locate the Common modules section on the Add tab in the sidebar editor.
Click the paymentsmodule and drag it into position on the page.
In the sidebar editor, click the Payment dropdown menu and select the payment link to add to the page.
In the Button text field, edit the text that appears on the payment link button.
To include an icon on the payment link button, select the Add icon checkbox. To select a different icon, click to expand the Icon editing options.
In the top right, click Update or Publish to set your changes live.
In the design manager, you can also add the default payments module to the page template.
Add the embed code to an external page or custom module
You can add the payment link embed code to your external website, or create a payment module in the design manager and add the embed code to the module. When you embed the payment link, the checkout form will appear directly on your page.
In your HubSpot account, click the settingssettings icon in the main navigation bar.
In the left sidebar menu, navigate to Objects > Products & Quotes.
Click the Payment links tab.
Hover over the link and click the Actions dropdown menu, then select Copy embed code.