CTA
Guide users with buttons and links
Last updated
Guide users with buttons and links
Last updated
Call to action (CTA) buttons and links are an essential part of your sales funnel. They act like guideposts on the sales journey and provide users will clear directions. Buy Now, Sign Up, and Submit are three common CTA examples.
Funnelish has two types of CTA widgets: Button and Link.
Guide users to your conversion goal with a CTA button.
Drag the Button widget to the step.
Click the widget one time to open the side panel.
3. Customize the design and label.
4. Click Save changes.
5. Preview.
6. Revise.
7. Click Save changes.
Go to the side panel to customize the design and appearance of your CTA button. Click the Basic and Advanced menu tabs and you'll find all the standard tools here (e.g. alignment, margins, background color).
Pay close attention to three tools that can greatly affect conversion rates: Headline, Sub-headline, and Click action.
Headline
This is the button label. It's the text that entices users to take action.
To enter a label, go to the side panel.
Enter text into the Headline field. Funnelish automatically adds the text to the button.
Sub-headline
Add this optional line under the Headline. The best CTAs provide users with a simple prompt. If you decide to use a sub-headline, make sure it adds value and improves click-through rates.
Go to the side panel.
Enter text into the Sub-headline field. Funnelish automatically adds the text to the button.
Click action
To add a link to a button (or text), click Click action in the side panel. In the pop-up window, chose a link location. You can select:
Submit step Submit customer payment details and move the user to the next step in the flow.
Go to next step Move the customer along the flow but do not submit any payment information.
Go to URL Add a link to an external page.
Go to section/row Create an anchor link to a different place on the same step. Link to a specific section or row on the step.
Show popup Choose a popup for the drop-down menu. When a user clicks the image, the popup displays.
Styling text
You can edit button text. Scroll down the settings panel. There are separate editors for Headlines and Sub-headlines.
Hover state
Use this optional feature to change the button's appearance when the user mouse hovers the shape. Style the background color, change the button text appearance, and add shadows.
A link is a standalone piece of text with an active hyperlink. It works like a button, but it does not have a shape (e.g. oval). Common examples of CTA links include: Trouble logging in?, Forgot your password, and Join now.
Drag the Link widget to the step.
Click the widget one time to open the side panel.
3. Customise the text and design.
4. Click Save changes.
5. Preview.
6. Revise.
7. Click Save changes.
Go to the side panel to customize the link text and design. Click the Basic and Advanced menu tabs, and you'll find all the standard tools here (e.g. alignment, margins, background color).
Link text
Enter a word or phrase into the Link text field to create a custom message for your users.
Hover state
Use this optional feature to change the text's appearance when the user mouse hovers the link. Style the text, change the hover color, and add text shadow.
Click action
You can also add Click action to a text link. Follow the steps we described above for the Button widget.
