Adding Enhanced Button Styles to Your Page in Smart Builder


Want to add a bit of pop of color to buttons on your landing page in Smart Builder? Help boost your conversion rate by incorporating eye-catching button enhancements to your landing page.

Here's an example of a button applied to a page in Smart Builder using the Button Styles
Enhancement App: 

Enhanced button style example

Installing Enhanced Buttons App in Smart Builder

  1. Navigate to the Apps tab on the left-hand side of Smart Builder.
  2. Search and locate the Button Styles App.
  3. Click the plus button next to Button Styles to install the app.
  4. The Button Styles app will appear in the Add tab in Smart Builder.

You can now drag and drop the Button Styles app anywhere on your page. To learn more about drag and drop, see this article: Using Drag and Drop in Smart Builder.

Adding Enhanced Button Styles to your Smart Builder page

You can replace any element on your page -  text, headings, images, etc. - with an enhanced button by swapping out the elements. See the steps below. 

  1. Drag and drop the Enhanced Button app into a section in Smart Builder. 
  2. An updated button will appear in that section:
    Adding a button style app onto Smart Builder page.

To update the button style:

  1. Single-click the newly added button.
  2. Click the Button Styles icon.
  3. A list will appear with different button styles to choose from.
  4. Select the style you want and it will appear in Smart Builder:
    A gif demo of a user clicking the Button Styles button, and selecting from a list of a differently designed buttons

Be sure to Save and Publish your page when you’re happy with these changes.