Add Payment Links in HubSpot

HubSpot makes it easy to add secure payment links across your website, CTAs, forms, and quotes so customers can complete purchases online without leaving your pages. This guide walks you through how to insert, customize, and manage payment links step by step.

Before you begin, confirm that payments are available in your region and that your payments tool is fully set up in your account. You must also have permission to create or edit payment links.

How HubSpot Payment Links Work

Payment links created in HubSpot generate a hosted checkout page that you can reuse across multiple assets. When a visitor clicks the link or button, they are redirected to the secure checkout experience where they can complete the transaction.

You can add the same payment link to:

• Website pages and landing pages
• CTAs and buttons
• Forms and follow-up emails
• Quotes and sales documents
• External websites via embed or direct URL

Each link can be associated with one or more line items, subscription terms, and payment options depending on how you configure the payment link in the payments tool.

Create a Payment Link in HubSpot

Before adding a payment link to your site or content, you first create it in your payments settings.

1. In your account, navigate to your payments or commerce tools.
2. Create a new payment link and select the product or service line items.
3. Configure billing options, such as one-time or recurring payments.
4. Set the currency, price, and tax behavior as needed.
5. Customize the checkout experience (name, description, and confirmation details).
6. Save and publish the payment link.

Once the payment link is published, you can copy its URL or embed code and add it wherever you need on your HubSpot-hosted content or external pages.

Add a HubSpot Payment Link to Website Pages

You can insert payment links on any page built with the HubSpot drag-and-drop editor, including landing pages and standard website pages.

Insert a HubSpot Payment Link with a Button

1. Open the page editor for the page where you want to add payments.
2. Drag a Button module into the layout, or select an existing button.
3. In the button settings, choose the option to link to a Payment link.
4. Use the dropdown to select the previously created payment link.
5. Edit the button label, style, and alignment as needed.
6. Publish or update the page to make the payment button live.

When visitors click the button, they are brought directly to the hosted checkout page associated with that payment link.

Add a HubSpot Payment Link to Rich Text

1. In the page editor, click into a Rich text module.
2. Highlight the text you want to turn into a payment link.
3. Click the link icon in the formatting toolbar.
4. Select Payment link from the link type options.
5. Choose the correct payment link from the dropdown list.
6. Apply your changes and update the page.

This approach is useful when you want a text-based call-to-action instead of a button.

Use HubSpot Payment Links in CTAs

HubSpot CTAs can send users directly to a payment link, allowing you to track performance and optimize conversions.

Connect a HubSpot Payment Link to a Button CTA

1. Go to your CTA tool and create or edit a button-style CTA.
2. In the CTA URL or link destination settings, choose Payment link.
3. Select the desired payment link from the dropdown.
4. Customize the CTA text, color, and size.
5. Save the CTA and place it on relevant pages, blog posts, or emails.

Because CTAs are centrally managed, any change you make to the CTA design automatically updates everywhere it is used, while still pointing to the same payment link.

Add Payment Links to Image CTAs in HubSpot

1. Create or edit an image-style CTA.
2. In the URL field, choose Payment link as the link type.
3. Select the correct payment link.
4. Save and add the CTA to your website, blog, or landing pages.

Image CTAs can be especially effective on product-focused or promotional pages where a visual element encourages checkout.

Insert HubSpot Payment Links in Forms and Emails

You can pair your forms with payment links to collect information and payment in one streamlined experience.

Redirect HubSpot Forms to a Payment Link

1. Open the form editor for the form you want to use.
2. Go to the Options tab.
3. Under What should happen after a visitor submits this form?, choose Redirect to another page or payment option, depending on your account.
4. Select your published payment link as the redirect destination.
5. Save and update the form.

After submitting the form, visitors are automatically redirected to the secure checkout page for payment completion.

Add a HubSpot Payment Link to Follow-Up Emails

1. In the form editor, configure a follow-up email, or open an existing email.
2. In the email body, highlight the text or button you want to link.
3. Choose Payment link from the link destination options.
4. Select the appropriate payment link.
5. Save and publish the email.

This method is helpful when you want to send a confirmation or welcome email that immediately offers a way to complete payment.

Attach HubSpot Payment Links to Quotes

Sales teams can include payment links directly on quotes so prospects can accept and pay in a single workflow.

1. Create or open a quote from a deal record.
2. Add the products, quantities, and terms as usual.
3. In the payments section of the quote configuration, enable payments.
4. Select the payment link or payment options you want to associate with the quote.
5. Review the quote preview to confirm that payment options appear correctly.
6. Send the quote to your contact.

Once the quote is accepted, the buyer can immediately submit payment through the integrated payment link.

Share HubSpot Payment Links Externally

You can also use these links outside of HubSpot-hosted content, including on third-party websites, chat tools, or documents.

Copy and Share the Direct Payment URL

1. Open your payments or commerce tool.
2. Locate the payment link you want to share.
3. Click to copy the direct URL.
4. Paste the URL into external pages, chat messages, or PDFs.

Anytime someone clicks that URL, they are routed to the same secure checkout page managed within your account.

Embed Payment Links on Non-HubSpot Sites

1. From the payment link settings, access the embed or code snippet if available.
2. Copy the code.
3. Paste it into the HTML of your external website where you want the payment button or link to appear.

This allows you to maintain a consistent checkout experience while using other CMS platforms.

Best Practices for HubSpot Payment Links

• Use clear CTAs: Label buttons with direct language like “Complete Purchase” or “Pay Online”.
• Test links often: Verify that every payment link loads correctly and displays the right products.
• Segment by offer: Create separate payment links for different products or pricing tiers.
• Track performance: Use built-in reporting to monitor link usage and revenue.
• Keep pages secure: Only share payment links over secure, trusted channels.

More HubSpot Resources

For the original step-by-step instructions and the latest limitations or regional details, review the official documentation on adding a payment link to your website here: HubSpot payment link help article.

If you need strategic help implementing payments, funnels, or broader CRM automation, you can also explore consulting services at Consultevo.

By combining flexible payment links with your existing pages, CTAs, and forms, you can turn your HubSpot account into a streamlined revenue engine that reduces friction and speeds up the checkout experience.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`