Button block

A Button block is a call to action: a labelled link that stands out from the surrounding copy. Recipients tap it to open the URL you set.

What is a Button block?

A Button block is a call to action: a labelled link that stands out from the surrounding copy. Recipients tap it to open the URL you set.

Use Button for the main action (shop, register, read more). Use a Menu block for a row of text links, and an Image or Video link when the tap target should be a picture.

How to add

  1. Open the Blocks tab in the left sidebar.
  2. Drag Button into a column on the canvas.
  3. Click the block to edit its content and properties.
Blocks palette in the left sidebar
The Blocks tab lists Section plus every content block. Drag a tile into a column.

Properties

Select the Button block, then open the Properties tab on the right. These controls change how this block looks and behaves.

PropertyOptionsUsed for
LabelButton textWhat recipients read on the button
Linkhref and link titleWhere the button opens
ColoursFill, label, and container backgroundHow the button stands out
WidthAuto, fixed, or fullHow wide the button is in the column
TypographyFont, size, weight, and text transformHow the label looks
Inner paddingpx around the labelHow tall and roomy the button feels
Content paddingpx around the button in the columnSpace between the button and neighbours
Border and radiusWidth, colour, style, and a single corner radiusOutline and rounded corners
HideOff, mobile, or desktopKeep the button off one breakpoint

Related

Still need help?

Contact Support and we will get back to you.

Email support@openly.email

Feedback or suggestions?

Report a bug or share an idea.