Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

Create Beautiful Call-to-Action Buttons in WordPress with MaxButtons

Last updated on by
Follow WPBeginner on YouTube
Create Beautiful Call-to-Action Buttons in WordPress with MaxButtons

The folks over at Max Foundry has released a new plugin called MaxButtons which allows you to quickly and easily create beautiful CSS3 call-to-action buttons to use anywhere on your WordPress site. You can create unlimited buttons built-on-the-fly as you select options. The buttons works well with all modern browsers and degrades gracefully for others. You have all CSS3 options like text shadows, box shadows, gradients, and rounded corner borders. Let us walk you through using MaxButtons plugin to create amazing call-to-action buttons.

Remember, a good call-to-action button can increase your conversion rates on landing pages, squeeze pages, and sales pages.

First thing you need to do is install and activate the MaxButtons plugin. Then all you need to do is simply watch the video below or read the summary of the video afterwards:

Click on the menu called MaxButtons. Then click on the Add New Button. You will be shown a screen with CSS3 options. Play around with it until you get what you like.

MaxButtons Screen Options

Download MaxButtons plugin


Editorial Staff at WPBeginner is a team of WordPress lovers led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »
  • http://www.wpbeginner.com/ WPBeginner Staff

    No it does not work on WordPress.com. Please see our guide on the limitations of WordPress.com

  • http://www.wpbeginner.com/ WPBeginner Staff

    Take a look at our guide on how to add buttons without using shortcodes in WordPress.

  • Kathie

    Hi, not sure if I am in the right place. Still new to this. I am creating a website for a friend. They would like to have a callout button which links from their wordpress site to their mobile app both on iOS and Android. Would this plugin work for this? (again, sorry new to these call-to-actions buttons). Thanks so much!

  • Pim

    Works great! You made me very happy. Greetz from Holland..

  • Susie

    Nice buttons, there seems to eb quite a few of these out there now, just had a look at the latest and this ones popped up

    http://wordpress.org/plugins/epic-bootstrap-buttons/

    Which would you recommend is the most flexible?

  • Robin Jennings

    Great plugin- thanks for putting me onto it. It has to be the easiest way to embed dufferent call to actions.

  • Valmont

    Great plugin for a newbie like me. When I added the [maxbutton id=”1″] for embeding in a web page the button broke in half and put half on one line and the other on another line below overlapping. What happened????

    • http://www.wpbeginner.com/ wpbeginner

      Sounds like a CSS issue happening here. Probably best to contact the plugin staff on this.

  • http://howtodropthefat.com/ James armani

    love your post …why it wont work on firefox?

  • http://howtocurehiccupstips.com/ Jane brendan

    love your post …why it wont work on firefox?

  • http://howtocurehiccupstips.com/ Jane brendan

    love it . :)

  • http://howtodropthefat.com/ James armani

    love it .ny ideas why it wont work in Firefox?

  • Atorion

    Hey thanks for this plugin. it works great except for one minor bug. maby you can help me out with it.. bear in mind i’m a total noob when it comes to this.

    i’m making a maxbutton for each site that say’s “Back To Top” to bring people to the top of the site again.

    I have hidden in the code for the page (theme Twenty ten)And when I make the maxbutton I type in URL #top

    it works as it is suposed to on every browser except for Firefox.. even works on my phone.. any ideas why it wont work in Firefox? all other buttons work in Firefox btw.

    • wpbeginner

      @Atorion Sounds like a browser compatibility issue which most likely is being caused by the conflicts of JS on your page. Unfortunately, we do not provide free support on custom issues like those.

      • Atorion

        @wpbeginner Allright! Was worth the shot :) Thanks though! and thanks for a good plugin again. I had to search a while to find this and it was worth it :)

    • nbeaulieu98

      Try just using # as the URL instead of #top

  • remy66

    It looks very nice. I am a real beginner, and I am trying hard to put it in my wp, actually in squeeze page from Max.

    it seems I can’t put the button to validate a form.

    The end of my form goes like this :

    How can I put the maxbutton ?

    Can anybody help please ?

    • wpbeginner

      @remy66 This plugin does not work for input buttons in the forms… It is more for creating CTA buttons which are hyperlinks.

      • remy66

        @wpbeginner Thank you for your quick response. I will stop losing my time

  • thewebtrainer

    This is a super plugin, especially for the newbie that wants cool buttons withoiut trying to learn CSS or Photoshop! Very nicely played! Thanks!

  • hunzaboy

    nice plugin thanks!

  • downgraf

    this is great i need this , thanks man thumbs up

  • tsudo

    That is a great find. Thanks

  • http://tentblogger.com/ TentBlogger

    looks pretty sweet!

  • wpbeginner

    @crgwilson43 Thank you. If you ever like to see something on the site, then feel free to let us know.

  • wpbeginner

    @drkahoving Didn’t try it with Headway Themes. However, it should work.

  • drkahoving

    Do you know if this works with HEADWAY theme? I have found a bunch of plugins do NOT work with Headway and weird things start happening! (Still trying to find some follow me buttons that will work with headway – they suggested a few and they didn’t work either!)

    Thanks

    • RedRobin

      Have you been able to find a call button to work with Headway yet? I have not.

      • http://www.wpbeginner.com Editorial Staff

        Never tried it with Headway.

    • PinkWeb

      Yes, it does work with Headway. Jut make sure to tick the “Use Important” on the Max Button Editor or it will replicate Headway’s hyperlink setup if you made changes to it.

  • crgwilson43

    Looks like a great plugin! Have a project I’m working on right now that I’m going to give it a try on. BTW love the info you guys consistently provide.

  • maxfoundry

    @wpbeginner Thanks, will do.

  • wpbeginner

    @maxfoundry glad you like it. The plugin looks great :) Keep up the great work.

  • maxfoundry

    @wpbeginner Thanks for the great post about MaxButtons, especially the feedback. Google Web Fonts and a floating design box are on the list.