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
Elegant Themes
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 »

Comments

  1. Kathie says:

    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!

  2. Pim says:

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

  3. Susie says:

    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?

  4. Robin Jennings says:

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

  5. Valmont says:

    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????

    • wpbeginner says:

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

  6. James armani says:

    love your post …why it wont work on firefox?

  7. Jane brendan says:

    love your post …why it wont work on firefox?

  8. Jane brendan says:

    love it . :)

  9. James armani says:

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

  10. Atorion says:

    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 says:

      @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 says:

        @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 says:

      Try just using # as the URL instead of #top

  11. remy66 says:

    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 says:

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

  12. thewebtrainer says:

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

  13. hunzaboy says:

    nice plugin thanks!

  14. downgraf says:

    this is great i need this , thanks man thumbs up

  15. tsudo says:

    That is a great find. Thanks

  16. TentBlogger says:

    looks pretty sweet!

  17. wpbeginner says:

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

  18. wpbeginner says:

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

  19. drkahoving says:

    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 says:

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

    • PinkWeb says:

      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.

  20. crgwilson43 says:

    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.

  21. maxfoundry says:

    @wpbeginner Thanks, will do.

  22. wpbeginner says:

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

  23. maxfoundry says:

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

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.