Call-to-action (CTA) buttons are the buttons you use in your website and on your landing pages to guide users towards your goal conversion. It's the part of the landing page that the user needs to click in order to take the action you want them to take. Your CTA should have a clear meaning, even if a visitor has only skimmed your page. The words in your CTA should be representative of the action your visitors are taking.
1. Go to Smarketly Sections
2. Click on Add Content
3. Click ADD on Button CTA
4. Select the location where you want your button to appear, whether it’s Above the content, Below the content, or Above the footer
5. Under main display settings, click on Select collection, then either create a new collection or choose one that’s already saved then click Select
6. Change the Offset to Normal, Small, or None, then either enable or disable the Fullwidth size option
7. Under button settings, choose the fitting button redirect to:
• Go to Custom link
• Go to Shopify link
• Add to Cart
• Add to Cart & continue to Cart Page
• Add to Cart & go to Custom link
• Add to Cart & continue to Checkout
8. Paste the text for the Link in the box if your button leads to a link, and add a Shopify link which is required if you’ll be using a Shopify Link button redirect option.
9. Click on Select Product to add the product that you want to add to the cart if your button redirect is “Add to Cart”
10. Edit the button text and position it to the left, right, or center. Enable or disable the “button text underline” box
11. Change the background color type to “Fill, Linear horizontal gradient, Linear vertical gradient, or Radial gradient, then choose the button colors for the:
• Background fill color
• Background gradient start color
• Text color
• Border color
• Hover background-color
• Hover background gradient start color
• Hover background gradient end color
• Hover text color
• Hover border-color
12. Under the border edits, toggle the rounded corners, border size desktop, and border size mobile to your preferred pixel size, then change the border style to solid, dashed, dotted, double, groove, ridge, inset, or outset.
13. Under the desktop size, change the pixel size of the following options as you please:
• Button padding horizontal
• Button padding horizontal
• Title font size
• Title font height
• Title font-weight
Switch over to the mobile viewing and make the same changes
Your call-to-action, or CTA, a button is one of the most important elements on your landing page or website. Think of it as the door to the next step of your marketing or sales funnels, where every click is a potential customer through that door.