MaxButtons – Create buttons

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.

You can use the WordPress do_shortcode function for this. Use the button name instead of ID for clearer code and easier replacement.

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.
• Some Caching plugins will remove styles. Either whitelist .maxbutton class or use the file loader in MaxButtons PRO settings
• If loading dynamically, you can output the style next to the button using [maxbuttons id=x ‘style=inline’] in the shortcode

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.

Use this only if you encounter issues. Most of the time MaxButtons works without any need for modifications.

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).

Enable the “Wrap with Center Div” option in the Container settings.

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> 

• A lot of modern page builders have solution for positioning content, like grids. You can leverage those for better results.
• You can use TablePress to create tables in WordPress.

By default WordPress can’t display shortcodes in a menu. You can use this plugin to allow shortcodes in a menu. Just copy the MaxButton shortcode in the menu after installing

By default WordPress only displays plain text in Post Excerpts. If you want to show a button there, you can add this snippet to your functions.php

add_filter( 'the_excerpt', 'shortcode_unautop'); add_filter( 'the_excerpt', 'do_shortcode'); 

Alternatively there are many plugins for customizing the excerpt that can do this for you and give control over other parts of the excerpt as well.

This depends on the slider plugin you are using. Most of the well-known ones are allowing the use of shortcodes within the slides. To find out if your plugin can handle that, please ask the slider vendor.

Autoptimize is supported and should work fine in most cases. However, if you see weird results, try to load the pageby adding ?ao_noptimize=1 to the URL. If the buttons load normally then the issue is with Autoptimize. You can enter an exclusion for .maxbutton in the CSS exclusions.

The plugin works with users of non-lating languages with a few exceptions. First, the character set of the Database Table should be in UTF-8. If you see ‘????’ characters in the plugin, go to Settings -> Advanced. There is a button to set the tabel to UTF-8

Secondly, please use latin only characters for button name ( Basic settings) and extra classes ( Advanced settings ). Not doing so might prevent the styling output from working correctly.

Upgrading to the PRO version is quite simple. Obtain a license key via our site. You can enter the license code within the free version on the ‘Upgrade to PRO’ page. After entering the license key, the PRO version will automatically download and install. You are good to go!