CMS-General

How do I add a payment button to my pages?

Last updated: October 20, 2017

Applies to:

Marketing Hub Basic, Professional, Enterprise

While HubSpot does not currently have any built-in tools for collecting payment on your pages, you can embed a Google Checkout or PayPal Button. The following steps explains how to add a PayPal button to your pages (the process is essentially the same for Google Checkout):

  • Create your button in PayPal.
  • After configuring the button within PayPal, select and copy the code.
PayPal Code
PayPal Code
  • Open HubSpot in a new tab and go to Content > Design Manager > Template Builder.
  • Locate the Template that you wish to add the PayPal button to or create a new Template by clicking New.
  • Add a Module by clicking Add Row and dragging it to the area of the template that you would like to place the button.
  • Click the gear icon on your new module and select Swap Module.
User-added image
User-added image
  • Choose the Custom HTML Module and press Select.
Choose HTML Module
Choose HTML Module
  • Click the Gear Icon > Edit Options.
  • Paste in the embed code copied from PayPal and click Done.
Pasted PayPal Code
Pasted PayPal Code
  • If you would like to add this button to other Templates, you can convert it into a Global Module by clicking the Gear Icon > Make Global Module.
  • After naming and saving your Global Module, it will be available as an option when swapping modules on any of your templates.
  • Click Update to publish your template.

You are now ready to create landing pages with this template.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.