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. You may see a pop-up that appears, explaining that you can swap an element on your page with this App:
    A pop-up on top of Smart Builder explaining that this App is swappable.

To learn more about changing elements, see our documentation: Changing Elements on your Smart Builder Page

Once you’ve installed the App, you can apply it to the landing page.

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. Single-click the element in Smart Builder you'd like to replace with a button instead.
  2. Click the Change Element icon that appears at the bottom of the element.
  3. A drop-down menu will appear with different element options to swap the existing one with.
  4. Scroll down to Button Styles:
    A drop-down menu with different elements listed, including Button Styles.
  5. An updated button will appear in that section:
    A gif demo of a user clicking 'Button Styles' from the drop-down list; the button appears on the landing page.

See our documentation for more details about swappable elements in Smart Builder.

To update the button style:

  1. Single-click the newly added button.
  2. Click the Button Styles icon next to the Swap Element 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.