Ask a Question ?
Design & Publish Websites Faster

Making a Circular Button

What You’ll Learn

In this tutorial, we’ll cover how to create a circular button.


  1. Add the Button app to your page, wherever you’d like.
  2. Remove the secondary line of text by selecting the app’s settings and changing “Display Slogan Text” to “No”.
  3. Click into the button style dot, and adjust the styles however you’d like.
  4. Make the corner radius “50″ and then make the width “10″.

There you have it, that’s how you can create a nice circular button on your site, and then you can link it to a contact form, a page on your site, or another URL all together!