• Introducing Page Builder 2: Faster Performance, Smoother Editing  Explore
  • Coming Soon: Page Builder 2 for a Better Editing Experience Explore
  • How to Use Menu Templates in Ninja Menus Explore
  • How to Use Smart Conditional Logic in Blue Form Builder Explore
  • How to Use Navigator in Magezon Page Builder Explore
  • How to Add a Menu to Specific Positions With Ninja Menus Explore
  • How to Trigger a Popup on Button Click in Magezon Page Builder Explore
  • Ultimate Guide to Shopzon Product Bundles Explore
  • 20% Off on Magezon Bestselling Page Builder Explore
  • New Release: Magento 2 AI Content Generator Explore
Toggle Nav
My Cart
Support
Advanced Search
Menu
Magezon Page Builder 2 Release

Button

Design eye-catching buttons to drive clicks and user actions.

Explore Page Builder
View Demo
Button block

Button Text

Add button text and customize its typography, including font family, weight, size, color, styles, line height, word spacing, letter spacing, and text shadow.

Krona One
Playfair Display SC
Potta One
Righteous

 Button Icon

Add an icon to display in the button and customize it with options like color, size, border, background, and rotation.

Button
Button
Button

Icon Position

Place the icon above, below, to the left, or to the right of the text.

Button icon position

Icon Spacing

Control the spacing between the icon and text.

Button icon spacing

 Button Type

Support 4 pre-built button types: Default, Info, Success, Warning, Error

Button type

Button Style

Support 4 pre-built button styles: Default, Outline, Ghost, Link

Button style

Button Size

Support 4 pre-built button sizes: Xsmall, Small, Medium, Large

Button size

Button Shape

Support 2 pre-built button shapes: Square, Circle

Square Button
Circle Button

Full Width 

Make the button span the full width of its container.

Full Width Button

Alignment

Align the button to the left, center, or right.

Left Alignment
Center Alignment
Right Alignment

Background

Set the button background using a color or an image.

Button background

Border

Customize the button border by setting its style, color, thickness, and radius.

Border
Border
Border

Explore More Blocks

See All Blocks

Icon

Icon block

Text

Text block

Heading

Image Box block

Call To Action

Call To Action block

Build Stunning Content With Page Builder

30-day money back. Free lifetime updates

Add to Cart