Button Layout

1. Right click on your button and select “Edit Design” to open the button editor popup.

2. Click on the right arrow beneath “Layout” to pull up the Duda preset button shapes. Hovering over each option shows how the button will look in its hover state. Select the shape you want, and “X” out of the button shapes pop-up.

Button Sizing

3. Scroll down on your “Button Design” editor to adjust the width and height of your button. Alternatively, you can manually adjust the button’s size within the website editor itself, but we recommend using the width and height adjustments in the design editor to guarantee consistency across the entire site.

Button Color

4. Scroll down further on your “Button Design” editor to view and edit the background color and border weight of your button. Click “More design options” to view and edit hover state options.

5. To change your button text color, scroll up and toggle from “Button Style” to “Button Text.”

Button Positioning

7. Toggle the “Floating” selector On to make a “sticky” button. This means that your button will stay in that screen position no matter where you scroll. 

8. Use the “Position” selector to choose where you button will reside.



9. Next, toggle “Show on this page only” On if you would like the button to reside on the current page only. Keep this Off if you want the button to float on every page.