The button item allows you to add buttons, or 'calls-to-action', to your pages. These buttons can be set to do one of many things when a user clicks on them.

Item Settings

Click Action

This setting tells the system what should happen when a user clicks on your button. You have many options to choose from:

  • Business Center Page
    Selecting this will allow you to choose from any of your existing Business Center Pages to send the user to when the button is clicked. Once you select this option, you will see a dropdown allowing you to select a page

  • Show Popup Form
    Every page has a popup in it that can be used for a popup form. Selecting this will make the button pop up the form. You can completely customize the popup by clicking on the 'Popup Form' option in the sidebar control panel under the 'Sections' tab (NOTE: Pages may have multiple popups - if you have multiple popups activated, you will be able to make the button launch any of the available popups)

  • Go To URL
    This setting allows the button to send users to any external URL you want when it is clicked

  • Go To Checkout Cart
    This allows you to link to any of the checkout carts you have created in the Business Center. Once you select this option, you will see a dropdown to select a checkout cart

  • Go To Digital Download
    This will allow the button to link directly to one of the digital downloads you have created in your business center. Choosing this will allow the user to download the file that is part of your digital download

  • Next Funnel Step
    If you are building a page within a funnel, this setting will link to whatever the next funnel step is

Text & Secondary Text

Enter the text that you want to be shown on the button. You also have an optional 'Secondary Text' field that will add smaller text within the button as well

Styling the Button

  • Background Color
    Change the background color of the button

  • Text Color
    Change the color of the text on the button

  • Button Style
    Choose the visual style of the button

  • Button Size
    Choose the size you would like the button to be

  • Drop Shadow
    If you would like a drop shadow to be added to the button, you can select the size here

  • Button Width
    Choose how wide you would like the button to be

  • Button Alignment
    If you choose for the button to be a 'normal' width, then you can select the alignment of the button. Either left, right or center

  • Button Radius
    Choose if you would like the button to have any kind of rounded corners, or even a pill shape

Spacing Settings

  • Outside Spacing
    Changing these settings will add space to the OUTSIDE of an item.

  • Inside Spacing
    Changing these settings will add space to the INSIDE of an item.

These spacing settings can be adjusted for all 3 device sizes, allowing you to have more control over your page on both desktop and mobile devices.

Did this answer your question?