Adding Click-to-Call Buttons to Landing Pages

Article Contents

• Adding Buttons
• Customizing Buttons
• Ready to Learn More?

To add a click-to-call button, do the following:

1. In SharpSpring's top toolbar, click 
   Content > Pages.
2. Create or edit a landing page.
3. In the left panel, click    Add Content.
4. Click the Elements tab.
5. Click the Button element.
6. Click the purple line in the landing page where you would like the button to appear. 
7. Click the button that was just added.
8. In the right panel, under Set a Custom URL, type tel: and the phone number to be called. 
9. Under Set Button Text, add the text to be displayed.
   
   
   

Clicking a call button works differently on different devices. The following is a breakdown of what your visitors will see when they click this button.

Click to enlarge.

1. In a landing page, click a button.
2. In the right panel, scroll to Appearance.
3. In the Set Button Text field, enter text to display on the button.
4. In the Style drop-down menu, select either Outlined or Filled.
5. In the Size drop-down menu, select the button's size. 
6. In the Button Shape drop-down menu, select the button's shape. 
7. In the Custom Colors section, set the following color hex values:
   
      •   Border Color
      •   Hover Border Color
      •   Text Color
      •   Hover Text Color
8. In the Position section, choose the button's alignment.

Click to enlarge.