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: 

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:
   

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:
   
5. An updated button will appear in that section:
   

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:
   

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