Mostrar ${remains} más artículos

Add a Button

Adding a link to your content allows pointing to another location — both inside your website and outside.

Adding a button to your content

A button can be added to a page using the Add Element Below option. 

  1. Right-click on an element on your site
  2. Click on Add element below
  3. Under Links, choose Button.

Once an element is added, follow the instructions to add a link:

  1. Right-click on a button element.
  2. In the Context Menu, click Change Content.
  3. Click on the Link to.
  4. Select the link type (for example, One Of Your Pages or External).
  5. Configure the link and confirm the changes.
  6. Click Done to save the changes.

Button PB4

Styling your button

Global styles

If you want your buttons to look the same throughout your website, we recommend editing the style of your button via Global Styles.

  1. Click on Styles
  2. Choose Desktop under Global Styles
  3. Click on Buttons
  4. Edit the styles of your button: borders, background, size, colour, add animation, etc.

Inline styles

You can also change the style of a specific button without affecting other buttons on your website. 

  1. Right-click on your button.
  2. Click on Styles.
  3. Edit the styles of your button: borders, background, size, colour, add animation, etc.


Under the font tab, you can edit the button's text: font, size, colour, letter spacing, weight, etc. 

You can even edit the hover effect of the button: Text colour, background colour and text decoration (Underline, Overline, Line through)

Background & Borders

Under the Background & Borders tab, you can manage the border's thickness, colour, radius and background colour of the button.


Under the Margins tab, you can add margin-top and margin-bottom to the button.


Under the Animations tab, you can add animation to your button. There are plenty of animations to choose from. We suggest you play with the different animations and try them out until you find the perfect one.

Mobile Styles

Under the Mobile Styles tab, you can deal with the look of your button on mobile devices. 

Related topics

Portfoliobox ${pbVer}: Search Result

Un porfolio en línea elaborado para creativos

Con todas las herramientas que necesita un profesional

  • Cuadrícula dinámica
  • Filas uniformes
  • Proporción áurea
  • Proporción cuadrada
  • Alinear el centro
  • Rompecabezas
  • Aleatorio
  • Horizontal
  • Horizontal 2
  • Horizontal 3
  • Vertical
  • Dos uno
  • Tres uno
Solo por tiempo limitado, obtén un 20% de descuento en todos los planes. ×