Funnelish Docs
FunnelishPricingBlogCommunity
  • Overview
  • Getting Started
    • Quick start
    • 1️⃣Creating a funnel
      • Funnel steps
      • Products
    • 2️⃣Customize design
      • General Settings
      • Layout
      • Containers
      • Compositions
      • Saving assets
      • Payment Forms
        • 2 Step Form
        • Payment Form
      • Express Checkout
      • Product List
      • Text Elements
      • Media
      • Loox Reviews
      • CTA
      • Order Bump
      • Popups
      • Form element
      • Timer
      • Progress Bar
      • Social Network Buttons
      • Order Summary
      • FAQs
    • 3️⃣Collecting payments
      • Payment Methods Supported
      • Add payment methods
      • Card payments
        • Stripe
        • NMI
        • Checkout.com
        • Airwallex
      • PayPal
      • Express Checkout (Google & Apple Pay)
      • iDEAL payments
        • iDEAL through Stripe
        • iDEAL through Airwallex
      • P24 (Poland)
      • Cash On Delivery
      • Buy Now, Pay Later
        • Klarna through merchant account
        • Klarna through Stripe
        • Klarna through Airwallex
      • Bancontact payments
        • Bancontact through Stripe
        • Bancontact through Airwallex
      • SEPA Direct Debit
      • RazorPay (India)
      • EPS (Austria)
    • 4️⃣Connect your domain
      • Introduction
      • GoDaddy
      • Namecheap
      • Shopify
      • Cloudflare
  • ADVANCED FEATURES
    • Funnel analytics
    • Send SMS
    • A/B Testing
    • Geo-funnels
    • Responsive design
    • Discounts
  • Integrations
    • Integrations Overview
    • Shopify
      • Connect Your Shopify Store
        • Shopify custom app
      • Send Orders to Shopify
      • Set Up Order Bundling
      • Set Up Dynamic Variants
      • Set Up Order Notes
    • Connect to Google Sheets
      • Connect Your Google Account
      • Send Data to a Google Sheet
    • Get Started with Klaviyo
      • Connect With Klaviyo
      • Send Data to Klaviyo
    • ShipStation
      • Connect to ShipStation
      • Send Orders to ShipStation
    • ActiveCampaign
      • Connect with ActiveCampaign
      • Create an ActiveCampaign Automation
    • Hyros
      • Connect With Hyros
      • Create a Hyros Automation
    • MailChimp
      • Connect with MailChimp
      • Automate With MailChimp
    • SendGrid
    • Mailgun
    • Zapier
  • Apps
    • Funnelish Apps Overview
    • Facebook Pixel
    • Pinterest Tag
    • Proofy
    • Google Analytics
    • TaxJar
    • TikTok Pixel
  • Automations
    • Overview
      • Set up automations
    • Triggers
    • Actions
      • Sending Emails
        • Text Only
        • Templates
      • Send a Notification
      • Delays
      • Conditions
      • Webhooks
      • Jumps
      • Integrations
  • Resources
    • Multi-Users Access
    • Send Emails From Funnelish
    • Manage Your Orders
    • Manage Your Customers
  • FAQ
    • Funnel Launch Checklist for Funnelish
    • Profile Information
    • Frequently Asked Questions
    • Troubleshooting Issues
    • Ordering Without an Address
    • How to change a page title?
    • Set a Default Landing Page
    • How to Charge a Shipping Fee
  • Connect to Click Funnels (Legacy)
    • Your First ClickFunnels Funnel
      • 1 Add Your Funnel
      • 2 Copy Your Tracking Code
      • 3 Turn On Your Apps
    • ClickFunnels Apps
      • Smart Optin
        • Facebook Client ID
        • Google Client ID
      • Smart Currency Converter
      • Programmable
      • Fancify
        • Product Variant Set Up
      • Paypal Plugin
        • Testing Purchases
      • Smart Address Plugin
    • Tracking Orders
      • Track Paypal Orders In ClickFunnels
      • Track ClickFunnels Orders In Funnelish
Powered by GitBook
On this page
  • Adding CTA buttons
  • Customizing the CTA button
  • Adding links
  • Customizing the link

Was this helpful?

  1. Getting Started
  2. Customize design

CTA

Guide users with buttons and links

PreviousLoox ReviewsNextOrder Bump

Last updated 5 months ago

Was this helpful?

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.

Adding CTA buttons

Guide users to your conversion goal with a CTA button.

  1. Drag the Button widget to the step.

  2. 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.

Customizing the CTA button

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 the following tools that can greatly affect conversion rates: Text within the button, and Click action.

By clicking inside the button you can customize the text and emojis.

Click action

To add a link to a button (or text), click the button element, then 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's appearance. While still having the button clicked, scroll down the settings panel. Here you can customize the font, background color, line spacing and letter spacing.

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.

Adding links

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.

  1. Drag the Link widget to the step.

  2. 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.

Customizing the link

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 .

2️⃣
Button widget
Default CTA button design and label
Add links to buttons and text
Configure hover settings for the button
Default Link widget
Enter link text
Customize the mouse-over state