Add buttons, customize their styles, and set up links—all in a few simple steps.

In this guide, you’ll learn how to:

  • Add, customize, and style buttons on a Kartra Page to match your brand.
  • Link buttons to different destinations, from internal pages to external websites, other Kartra content, or downloadable files.
  • Use buttons strategically to improve conversions, navigation, and engagement.

Key details

  • Where to find buttons: Go to Components > Buttons in the page builder.
  • Button types: Solid or outlined, with custom sizes, icons, and effects.
  • Link options: You can link to Kartra pages, media, forms, downloads, or outside websites.
  • Design tip: Use bold colors and clear text for stronger calls-to-action.

Add a button

  1. Open your page in the page builder.
  2. Select Components > Buttons from the left navigation menu.
    Page builder’s left menu with Components expanded and Buttons option highlighted.
  3. Browse button templates to find the shape and style that suits your needs.
  4. Drag and drop the button to the desired position on the page.
    • When a drop zone turns green, release your mouse to place the button

Animated walkthrough showing a button template being selected and dragged onto a Kartra Page.

Pro tips for button placement:

  • Keep them visible – Place key buttons (like “Sign Up” or “Get Started”) where users can see them without scrolling.
  • Repeat on long pages – If your page is lengthy, add buttons at multiple points (top, middle, and bottom) so users don’t have to scroll back up.

Customize your button

  1. Hover over your button and click to activate its menu.
  2. Click the pencil icon to open the editing wizard.
    Animated demo of hovering over a button and opening the editing menu via the pencil icon.
  3. Edit the style, text, icon, link, and effects—more about customization options below.
  4. Apply your changes.

Customization options

Use the Style tab to adjust what your button looks like:

Button editor open to the Style tab, with settings for size, color, and alignment highlighted.

  • Margins (Optional) – Increase spacing around the button.
  • Size – Options range from Tiny to Full-width (which spans an entire column). The default is Large.
  • Type – Choose whether the button appears solid or outlined

Visual comparison of solid and hollow button styles on a Kartra Page

  • Shadow (Optional) – Add a subtle shadow effect.
  • Colors – Set text and button colors using your brand palette.
  • Corners (Optional) – Adjust how rounded the corners are.
  • Alignment – Left, center, or right (default is left).

In the Text tab, modify:

  • Text content
  • Font type
  • Boldness

In the Icon tab, configure:

  • Whether to add an icon to the button.
  • The icon style and color.

You can also add Effects to control how the button appears on hover or when the page loads.

Pro tips:

  • Use contrasting colors – button colors should stand out from the background.
    Visual comparison of buttons with low contrast versus high contrast for accessibility and visibility.
  • Choose clear call-to-action text – Instead of vague terms like “Click Here,” use “Get Started” or “Download Now.”
  • Add icons if needed – This helps visually impaired users (e.g., an arrow next to “Learn More”).

In the Link tab, choose what happens when visitors click your button.

Button editor’s Link tab open, displaying all link destination options available in Kartra pages.

Direct users to a page or section

  • Link to another page
    • Kartra hosted
    • Or external URL
  • Scroll to a particular section on the page you are editing
    • Tip: Press the gear button to expand section settings and confirm a section’s number.

Trigger downloads or play media

  • Download a file
    • Choose from media library or upload a new file
  • Pop a video player
    • Choose video or playlist
    • Select from media library or use integrated apps: YouTube, Wistia, Vimeo
  • Pop a sound player
    • Choose from media library or upload a new file

Calls to action

  • Pop an opt-in form
    • Configure your pop-up from template or from scratch after this option is selected
    • The form must be created in advance and connected to the pop-up
  • Link to a Kartra survey
    • The survey must be created in advance
  • Pop up or redirect to a legacy checkout
    • For legacy checkouts generated by Kartra-hosted products
  • Pop a new checkout
    • For Checkouts configured as pop-ups 
  • Link to a Kartra hosted new checkout
    • For Checkouts configured as standalone page
  • Link to a Kartra webinar
  • Pop a webinar registration form
    • For WebinarJam or EverWebinar hosted webinars
  • Link to a Kartra calendar

Bring in new affiliates

  • Link to an affiliate sign-up form
    • For Kartra-hosted affiliate programs configured in Products

Customize course login pages

  • Pop a membership login form
    • For Kartra-hosted memberships

Other interactive content

  • Pop a content box
    • Configure your pop-up from template or from scratch after this option is selected
    • Add any content you wish to add. 
  • Link to WhatsApp 
    • Requires a WhatsApp link