How to add a call-to-action (CTA) to a webpage

Last updated: February 8, 2018

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A

A call-to-action (CTA) is a button or link that you place on your website to drive prospective customers to convert to leads through landing page forms. Place your CTA in a location where it's easily visible to your visitors and where it makes sense for someone to click on it. For example, you might put a CTA to start a free trial under some text that describes what your product is. Once you have determined where you would like to put your CTA, follow the instructions below to learn how to add them to a website page.

To learn how to create a CTA, read this guide.

1. Go to Content > Calls-to-Action

In HubSpot, navigate to Content > Calls-to-Action.

2. Choose your CTA

Review the CTAs on your dashboard and decide which one you want to use.

3. Add the CTA to a webpage

Now go to the website page or landing page in which you want to insert the CTA. Place your cursor where you want to place the CTA, then click Insert > Call-to-Action or select the CTA icon from the toolbar.

In the CTA dialog box, choose which CTA you would like to insert by clicking the CTA and then clicking Insert CTA.

Your CTA will now appear in your rich text editor and on your page preview. In the content editor, you can remove or edit your CTA.

4. How to add a CTA to a web page if you don't have a rich text module

To add a CTA to your webpage from the template layout editor, click Settings in the content editor, scroll down, and then select Advanced Options. Hover over the thumbnail under Template and click Edit template.

In the dialog box, select Edit this layout anyway or Make a copy if you don't want to affect the other pages using this template.

Once you're in your template, you can add your CTA to the rich-text or CTA module of your choice, or you can create a new module and place the CTA there. Click on the gear icon in the main body content module (where you will place the CTA) and select Edit Options.

In the Edit Module Options window, add a CTA the same way you would in the site pages content editor. Select Insert > Insert Call-to-Action or click the Call-to-Action icon in the toolbar.

In the dialog box, choose which CTA you would like to insert by clicking on a CTA and then clicking Insert CTA.

Your CTA will now appear in your rich text editor in Edit Module Options. You can always remove or edit your CTA. Click Done to finish adding your CTA.

Click Publish Changes in the upper right-hand corner to publish the changes you made to your template.

Was this article helpful?

Previous article:

Next article: