Skip to main content

Adding a Button Element in Web Builder

Add a Button element in Web Builder

Updated over 2 months ago

Button Elements allow you to apply consistent button styles across different areas of your website, making design management easier and more efficient.


Accessing Button Elements

  1. Click on Site Design.

  2. Select Elements.

  3. You will see a list of existing elements, grouped by category.

    • Font Elements appear at the top.

    • Scroll down to find the Button category.


Managing Existing Button Elements

  • Each existing Button Element has an Edit option, accessible via the ellipsis (three dots) on the right-hand side.

  • To preview a button, hover your cursor over the Preview option.


Adding a New Button Element

  1. Click the plus (+) button at the top right of the Button category.

  2. Enter a Name for your new button.

  3. Select the Font type.

  4. Set the font styles for:

    • Desktop

    • Tablet

    • Mobile

  5. Choose a Background setting.

  6. Set the Font and Rollover Colours.

Click Save to create your Button Element.

Your new button will now appear at the bottom of the Button section.


Important Considerations

  • Deletion: Button Elements can only be deleted if they haven’t been used anywhere on the site.

Did this answer your question?