WordPress Button Plugin MaxButtons
MaxButtons is a powerful WordPress button, share button and social icon plugin. Create great looking CSS3 WordPress buttons in a minute. Easy to understand. Our button editor with live preview makes it a snap to generate awesome responsive buttons in very little time. The social share buttons and social icon features allow you to add social options to your website in minutes.
MaxButtons WordPress button plugin has been going strong for over 6 years and was the first button plugin for WordPress. MaxButtons has earned over 700 5-star reviews and over 1.5 million downloads. Here are couple of our favorites:
“The best plugin of its kind” – by celito
“This plugin makes creating buttons sooooo easy.” – by ncrocker202
Why aren’t all plugins like this?!?
MaxButtons easily solved my problem with lots of options when creating the button and a live view of what it was going to look like. It would have done the job for me there and then but being able to adjust the text AND link with shortcodes on my page made modifications a breeze. – by discgosforth
“Easy, clear, and robust. I’m a programmer and can write CSS till the cows come home, but why? Just get it, install it and use it. Then, when you’re impressed, buy the pro version” – by jleahy
Create WordPress Buttons
Getting Social Icons on your WordPress site.
Share Buttons on your WordPress site.
WordPress button library and button sets can make my designers and developers more productive.
No coding, the plugin takes care of everything
Button shortcodes for ease of use
Create unlimited number of buttons
Live preview window instantly updates as you customize your buttons
Color picker for unlimited color combinations
Works with all modern browsers, degrades gracefully for others
Fully CSS3 compliant with text shadowing, box shadowing, gradients, etc.
Copy an existing button to use as starting point for others
See your buttons on different color backgrounds
Predefined defaults make getting started super easy
SiteOrigin Page Builder integration through the SiteOrigin Widget Bundle
Supports Shortcake plugin to see your buttons in your editor!
MaxButtons has a share buttons addon that includes 7 beautifully designed share button sets for the following social networks:
Plus email and print icons.
In addition to promoting your content through MaxButtons share buttons you can also use share buttons to promote your social network profiles. Simply select a social icon or make a button, include the link to your profile and post the button shortcode on your page. Social icons are easy with MaxButtons!
Take your buttons to the next level with MaxButtons Pro!
Our premium WordPress plugin for buttons, share buttons and social icons brings you the best WordPress button plugin through continuous feature updating. Upgrading to the Pro version allows you to add icons and images to your custom WordPress buttons. The Pro features allow you to do so much more!
Icon Support – Add icons and images to your buttons and customize placement and size.
Multi-line text – Add a second line of text and stylize with font, size and placement.
Google Fonts – We have included the entire set to help your buttons stand out with beautiful typography.
Button Packs – Ready to use, value priced button sets that make any site good great.
Google Analytics Event Tracking for WordPress Buttons. The best way to see you users’ interactions with buttons in Google Analytics. No coding needed.
Import/Export – Useful for backing up and/or moving your buttons. Also, use any of the great free icons listed on our site.
Include images in buttons.
Button Search – for easier management of large button sets.
Font Awesome 5 – Largest icon collection, fastest served
Visual Composer – Integrated with Visual Composer
Contact Form 7 Integration
Beaver Builder Integration
Easy Digital Click to Downloads Purchase and Checkout Button Integration
WordPress Button Sets
In addition to the Basic Buttons and free button packs included with MaxButtons Pro you can also purchase additional professionally designed, production ready button packs from the largest WordPress button library in existence. The library features more than 6,000 buttons. It is the largest WordPress button library in the known universe.
WordPress button sets make designers and developers much more productive.
You can use free icons when you create your buttons with MaxButtons Pro so we’ve built one of the largest libraries to inspire you and make your buttons really stand out.
Click the MaxButtons page from the admin menu.
Click the Add New button.
Create and customize your button using the button editor.
Fill out and select the options needed to build your button.
Once you’re ready, click Save.
A button shortcode will be generated (ex: [maxbutton id=”17″] or [maxbutton name=”My Button Name”]).
Use the shortcode anywhere in your content and the button will appear.
You can also pass the button text and URL as parameters in the button shortcode, giving you even greater flexibility. For example, if you want to create a set of buttons that look exactly the same, except for the text and URL, you could do something like this:
[maxbutton id=”17″ text=”Search Google” url=”http://google.com”]
[maxbutton name=”MaxButtons Button Name” text=”Search Yahoo” url=”http://yahoo.com”]
Another parameter you can give the shortcode is window, which tells the button whether or not to open the URL in a new window (by default the button opens the URL in the current window). To do so you always give the window parameter the value “new”, shown below. Anything else will open the button URL in the current window.
[maxbutton id=”17″ window=”new”]
You can also use the nofollow parameter, which will add a rel=”nofollow” attribute to the button when set to true, as shown below (the default is false):
[maxbutton id=”17″ nofollow=”true”]
NOTE: Passing parameters to the shortcode overrides those settings saved as part of the button.
We work hard to give timely support during the week. And we give support when we’re on during the weekend.
MaxButtons. Bringing the #buttonlove!
For automatic installation:
Login to your website and go to the Plugins section of your admin panel.
Click the Add New button.
Under Install Plugins, click the Upload link.
Select the plugin zip file from your computer then click the Install Now button.
You should see a message stating that the plugin was installed successfully.
Click the Activate Plugin link.
For manual installation:
You should have access to the server where WordPress is installed. If you don’t, see your system administrator.
Copy the plugin zip file up to your server and unzip it somewhere on the file system.
Copy the “maxbuttons” folder into the /wp-content/plugins directory of your WordPress installation.
Login to your website and go to the Plugins section of your admin panel.
Look for “MaxButtons” and click Activate.
Do I have to copy a button if I want to have a different text or link?
No. The shortcode enables you to change various items on the button including the text and link. It’s better to create a single button and reuse it.
To change text and link :
[maxbutton id=”1″ text=”yourtext” url=”http://yoururl”]
If you only want to change one of the two, just leave the not needed option out.
Most often used options:
[maxbutton id=”1″ text=”yourtext” url=”http://yoururl” window=”new” nofollow=”true”]
You should never copy buttons if you only have a different line of text and / or link on any button. You can use the ‘add button’ dialog from your posts and pages to easily use this options
How do I use the shortcode in a sidebar/widget?
Simply add the button shortcode to your widget (ex: [maxbutton id=”17″] or [maxbutton name=”MaxButtons Button Name”]). If the styling is missing on the widget, try to check the ‘use important’ checkbox under ‘advanced’ settings.
How can I add the shortcode to my post/page template?
Simply add this code snippet to any of your theme template files:
Can’t see styling on the frontpage
Sometimes the button styling doesn’t load on the frontpage. There are usually two major reasons:
Theme doesn’t have proper footer, check if wp_footer() is called in the theme
Using MaxButtons with sliders, dynamic page loaders (such a parallax and one-page themes ) or caching mechanisms.
First ensure you have cleared all your caches. Then you can try to add the following to your shortcode: [maxbutton id=1 style=”inline”] ( replace the ID with the number of your button ).
TablePress and MaxButtons
TablePress uses a caching mechanism which prevents the MaxButtons style design from functioning. To solve this problem, simply add the caching option to the shortcode like this:
[table id=123 cache_table_output=false] . See this support topic on TablePress.
A solution which will keep the cache enabled is to use this in your shortcode: [maxbutton id=1 style=”inline”] . Flush the TablePress cache after adding this.
Part of my button is cutoff, how do I fix that?
Try enabling the container and setting its margin options. You could also fix this manually by surrounding your button shortcode with a div element with margins. For example:
<div style="margin: 10px 10px 10px 10px;"> <?php echo do_shortcode('[maxbutton id="17"]'); ?> <?php echo do_shortcode('[maxbutton name="MaxButtons Button Name"]'); ?> </div>
Then adjust the margin values as needed (the order is: top, right, bottom, left).
How do I center the button on a page?
Enable the “Wrap with Center Div” option in the Container settings.
How do I align multiple buttons next to each other?
Enable the container option and set the alignment property to either “display: inline-block” or “float: left”. You might also want to add some margin values to put some spacing between your buttons. If that doesn’t work, try using a simple HTML table:
<table> <tr> <td>[maxbutton id="1"]</td> <td>[maxbutton id="2"]</td> <td>[maxbutton id="3"]</td> </tr> </table>
How do I display a MaxButton in a WordPress menu?