1. Home
  2. Website Creator
  3. Contents
  4. How do I edit a button?
  1. Home
  2. Website Creator
  3. Design
  4. How do I edit a button?

How do I edit a button?

In the editor, you can insert a button as a single element to link to something.

Insert button element

To insert a button

  • In the editor, click on the ‘+’ in the column on the left with the symbols
  • Select the ‘Button’ category. You can find various templates here. It doesn’t matter which element you choose, you can customize the look.
  • Drag and drop the selected template to the desired location in the content of your page.
  • Click on the gear icon next to the Element button to open the settings
  • Under ‘Link’ you can select the desired link type and define the link

If you link to an external URL, it is recommended that you activate the ‘Open link in new window’ option. Opening an external link in a new window (or tab) allows users to explore the other website without having to keep clicking the “Back” button to return to your website.

Edit button text

To edit the Text button, simply click on the text with the mouse and edit it with the text editor. You can also insert symbols with the text editor.

Design appearance

You can edit the appearance of the button via the element settings.

  • Click on the gear icon next to the Element button to open the settings
  • Go to Appearance

Under Appearance, you can define the background color, borders, rounded corners, mouseover effect and shadow. A button can only have a background color or only borders without a background color.

Mouseover effect

The mouseover effect occurs when a user moves their mouse over an interactive element on a website. Moving the mouse over the element usually triggers a visual change or reaction to indicate to the user that the element is interactive.

You can choose between the styles Lighten, Darken and ‘Custom colors’ to design the mouseover effect.

Spacing and size

With the spacing, you can define how much distance the text should have from the edge and thus define the size of the button.

Updated on 19. December 2023

Was this article helpful?

Related Articles

Do you need support?
Deine Lösung steht noch nicht in den FAQ? Keine Sorge, wir sind für dich da.
Kontaktiere uns!