This article refers to a previous version of the Duda Responsive Website Builder. Click here for help content on the current Duda editor.


Add a button to your website.  You can choose to have the button lead to another page on your site, a page on a different website, or an action like opening an email or downloading a file.

Add button

  1. Go to the Add Element section and scroll to the basics section.
  2. Drag and drop the button element on to the website.
  3. Once you've placed the element, add a button name and destination.

Set up the button

1. Click the button and press edit

2. Here you can choose whether you'd like to link to an existing page, a website URL, or an email address.

  • If you use the Existing page option, use the dropdown to choose a page from the pages from scratch you've added to the mobile site or press the create new page button to create an entirely new page.
  • You can link your button to popups that have been created popups that have been created in your site.

  • If you use the Website URL option, type in the URL you'd like your visitor to go to. You can also set whether you'd like the page to open in a new window.
  • You can choose the eCommerce Store Link section for returning customers to log into your store page or to a specific category item.  

  • If you use the Link To a File option, click Please Select a File and choose the file you want to use. When your visitor clicks the button the file will be downloaded.  For more information on uploading files, click here.
  • If you use the Email Address option, type in an email address. When your visitor clicks the button, it will open their default email application on their phone or computer.

Change Design

Each Button element has the following options you can use to change its look:

Link Set up your button and what text to display on it.

Change the button's icon.


Colors: Change the button's background color, image, and border. Also lets you set the button's hover colors for text, background, and border.

Effects: Toggle shadow, rounded corners and whether to show an icon for the button.

Text Style: Change the button's text style.


Spacing: Set the height, padding and margin of the element.

Alignment: Set the alignment of the element (left, right, or center).

CSS: Change the element's CSS

HTML: Change the element's HTML



Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@dudamobile.com

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!