Using Buttons

Buttons are incredibly helpful to guide your visitor to take the action you want them to take.

Adding a button to a page

To add a Button element to your page:

  • Hover to where you wish to add the Button, and look for the icon
  • Click that icon to open the Select Element dialog box
  • Click Button to add it to your page

Changing the size (or style) of your Button

As part of the Heroic Global Style system, there are three different Button sizes to choose from -- small, medium and large.

To change button sizes:

  • Click the icon on the button toolbar
  • Click the Design tab in the Button panel on the left
  • Click the Large, Medium or Small button

IMPORTANT: The Large, Medium and Small style options are linked to your Button Global Styles, which allows you to update the font, size and style of every button on your site in one single, convenient place.

To access your Button Global Styles, go to the A icon in the left sidebar, and click Button Styles.

Then, choose which of the 3 button styles you want to modify -- Large, Medium or Small. Once you click, you'll see all of the formatting options become available for the button style.

When you update button styles here in this area (the "Button Global Styles" settings), Heroic will automatically update the style of all of your site buttons automatically.

Making Custom Size or Color Changes

For those times when you need an oversize or custom-styled Button -- for example, in a Hero Banner, Opt-in page, etc.. -- then you can disconnect the Button from the Global Style and make one-off changes.

Once you drag the Button Style toggle to the left, you'll see that extra formatting options are revealed -- Button Color, Text Color, Button Font, Button Font Size, Rounded Corners, etc.

Making your button actually do something

Buttons can do a LOT. For example, you can:

  • Link your visitor to another page on your site
  • Link your visitor to a page OFF your site
  • Show a popup window
  • Show (or hide) a section on the current page
  • Generate a new email message
  • Connecting your button to another page

To connect your button to another page:

  • In the Content tab of the Button's control panel on the left, under Choose Button Action, select Go to Destination
  • Under Choose Destination, select the page to link to from the drop-down options

NOTE: If linking to an external site, paste/type a destination under Choose Destination.

Opening a popup with your button

First create a popup

Next, to have your button open your popup:

  • Choose the Open Popup option under Choose Button Action
  • Select your popup from the Open Popup droplist

Triggering an Email with a Button

To trigger the sending of an email to you with a button:

  • Choose the Send an Email option
  • Enter the Email address to use
NEW: Can we do the work for you?

If you're like most entrepreneurs, you have a million projects in your head, with no way to get them all done. As a result, you feel stalled and frustrated.

You've tried doing it all yourself, but you know it's unsustainable, and a one way ticket to burnout and overwhelm.

You don't yet have the resources to hire your own team of designers and developers, so you feel stuck, going around in circles.

If you resonate, then relax, because we're here to help.

Our in-house tech, design & web team is ready to help, and available for almost anything. (Seriously!)

We'll take all of the tasks you've been collecting, and make them happen for you quickly and efficiently in the background, leaving you free to focus on what you do best.

And you won't pay through the nose either -- it's available for an incredibly low 5-hour "done for you" package -- it's just $200 for access to our in-house, highly-trained team of tech and design professionals. Best of all, the time never expires and you can use it as quickly or as slowly as you like.

Grab your 5-hour 'done for you' package here and let's get your business moving again!

Other Articles in this Category

Creating Pages

Pages are the heart of your site, and what you can build in Heroic is simple unmatched. Here's all the support you need to get started.

View this category

My Account

Got questions about how to manage your account? We're compiling them all here. If we missed anything, let us know and we'll add it.

View this category


Our goal is to integrate with every 3rd party platform out there. Here's what we have currently!

View this category


Heroic comes with a full featured, yet simple-to-use blogging platform that allows virtually anyone to get bloggin'...

View this category


Normally popups are hard to create, add to your site, and integrate with 3rd party platforms. Not here :)

View this category

Fonts & Colors

Heroic's global font & color system keeps everything looking great, and makes editing FAST!

View this category


Here's how to connect your site with your custom domain

View this category

Conversion U

Some our best articles on copywriting, design, branding and more!

View this category

Random Stuff

A home for articles that don't seem to fit anywhere else. Give 'em some love?

View this category

Trainings & Courses

Our expertly curated collection of education and training...

View this category

Recommended Tools

Here are the 3rd party tools that'll make life easier as an online entrepreneur!

View this category