How to customize the button appearance

You can easily customize the size, shape and colors of the button in your project. Here is a quick start guide:

How to create a button

Once you are in the editor, click on plus icon first:

clicking plus icon to create a button on Interacty

Select Button in All Blocks menu:

All blocks menu on Interacty

New button will appear on your screen:

New button in Interacty online editor


How to set the name of the button

Once you are in the editor, click on Button's block:

New button block on Interacty

Select the Button's text. You will see a text menu above:

changing button text in Interacty online edtor

Write the text you need:

changing the text of a button on Interacty

You can change the font, size and color of your text by using the panel above. To learn how to do this, check this tutorial.

It's done.



You can customize your button appearance according to your needs. To do this, select the button's block:

selecting the button block on Interacty

You will see a panel of advanced settings on the right side of your screen:

advanced settings for setting up the button on Interacty
  • Link section let you to add a link to external website. You can also add a link to an internal page by clicking the appropriate button. To learn how to do this, check this tutorial.

  • Border radius field allows you to change the shape of the button. You can set it from 0 to 99 to change it from square to round one.

  • Background color option helps to change the color of your button. Just click on the color box and choose the color you like.

  • Pulse box allows you to add a pulse animation effect to your button. Check this box if you want to give your button a more unique look.

Was this article helpful?