How To Install All In One Buttons

Post Ribbon

There are two ways to install All In One Buttons. WordPress has a built-in plugin installer that allows you to add new plugins, but depending on your server settings, it may not work for you. If that is the case, you can install your plugin manually via FTP client.

Installing from WordPress dashboard

  • Inside your WordPress dashboard, navigate to Plugins -> Add New -> Upload page.
  • Browse to the location of the aio-buttons.zip file on your hard drive.
  • Click the Install Now button to upload and install the plugin.
  • Once the plugin has been installed, click Activate plugin.

Installing manually via FTP client

  • Extract the aio-buttons.zip file’s folder to your desktop.
  • With your FTP client, upload the Plugin folder to the wp-content/plugins folder that is located in the WordPress directory on your server. If you need a FTP client, we recommend using FileZilla because it’s free and cross-platform.
  • Inside your WordPress dashboard, navigate to the Plugins -> Installed Plugins page.
  • Find All In One Buttons in the list and click Activate Plugin to activate it.

Finding The All In One Button

Post Ribbon

The All In One Button allows you to easily create and add buttons to your WordPress posts/pages. You’ll find it in the first row of the WordPress visual editor.

The All In One Button

Creating A Button In The Dialog Box

Post Ribbon

After you press the All In One Button, a dialog box will appear. In this dialog box, All In One Buttons makes creating a button as easy as filling out a form. Here’s an overview of each form option:

The ANIMATION option sets the animation for the button.

Animation option

The ALIGNMENT option specifies whether the button is flushed left, flushed right, centered or not aligned at all.

Alignment option

The COLOR option allows you to select from several different colors to change the color of the button.

Color option

If the button is too small or large, you can use the SIZE option to make adjustments.

Size option

With the ICON option, you can select from hundreds of icons to help your button standout.

Icon option

In the TEXT field, enter the text for the button.

Text field

If you would like the button to open the DESTINATION URL in a new window or tab, simply select “_blank” from the TARGET option.

Target option

In the DESTINATION URL field, enter a valid URL you want the button to link to.

Destination URL field

As you fill out this form, All In One Buttons will automatically show you a preview of the button. Once you’re happy with how the button looks, the final step is pressing CREATE BUTTON to insert a WordPress shortcode for All In One Buttons into your current post.

Dialog Box

Note: You will not be able to see the button itself until you publish or preview the post, so click Save Draft then click Preview to see what the button looks like live on your blog.

WordPress Shortcode

If it looks okay and you’re happy with the final results, congratulations you have successfully created a button!

How To Rename The WordPress Shortcode

Post Ribbon

When WordPress themes and plugins use shortcodes with the same name, it causes conflict. You can avoid conflicts by renaming WordPress shortcodes to ensure that the shortcode’s name is unique. To rename the WordPress shortcode for All In One Buttons, go through the following steps:

  1. Inside your WordPress dashboard, navigate to the All In One Buttons page.

    admin panel

  2. Next click the “General Settings” tab.

    General Settings tab

  3. Under the Shortcode Name heading, you’ll see the current name of the shortcode.

    shortcode name

  4. You can rename the shortcode by clicking into its field and entering a new name.

    renamed shortcode

  5. Click the Save Changes button to save your changes and the Shortcode Name option will update accordingly.

    Save changes

Tip: You can also rename the WordPress shortcode for All In One Buttons to something that’s easier to remember, but make sure the shortcode’s name is unique.

How To Choose A Default Button Animation

Post Ribbon

In All In One Buttons, the animation for the button is set to none by default. If necessary, you can change the default button animation by going through the following steps:

  1. Inside your WordPress dashboard, navigate to the All In One Buttons page.

    admin panel

  2. Next click the “General Settings” tab.

    General Settings tab

  3. Under the Default Animation heading, you’ll see an option menu.

    default animation

    Use this option menu to change the default animation of the button.

  4. Click the Save Changes button to save your changes and the Default Animation option will update accordingly.

    Save Changes

How To Choose A Default Button Color

Post Ribbon

In All In One Buttons, the color for the button is set to red by default. If necessary, you can change the default button color by going through the following steps:

  1. Inside your WordPress dashboard, navigate to the All In One Buttons page.

    admin panel

  2. Next click the “General Settings” tab.

    General Settings tab

  3. Under the Default Color heading, you’ll see an option menu.

    default color

    Use this option menu to change the default color of the button.

  4. Click the Save Changes button to save your changes and the Default Color option will update accordingly.

    Save Changes

How To Choose A Default Button Size

Post Ribbon

In All In One Buttons, the size for the button is set to small by default. If necessary, you can change the default button size by going through the following steps:

  1. Inside your WordPress dashboard, navigate to the All In One Buttons page.

    admin panel

  2. Next click the “General Settings” tab.

    General Settings tab

  3. Under the Default Size heading, you’ll see an option menu.

    default size

    Use this option menu to change the default size of the button.

  4. Click the Save Changes button to save your changes and the Default Size option will update accordingly.

    Save Changes

How To Choose A Default Button Text

Post Ribbon

In All In One Buttons, the text for the button is set to “Download Now” by default. If necessary, you can change the default button text by going through the following steps:

  1. Inside your WordPress dashboard, navigate to the All In One Buttons page.

    admin panel

  2. Next click the “General Settings” tab.

    General Settings tab

  3. Under the Default Text heading, you’ll see a text field option.

    default text

    Use this option to change the default text of the button.

  4. Click the Save Changes button to save your changes and the Default Text option will update accordingly.

    Save Changes

Adding Buttons To Theme Templates

Post Ribbon

WordPress has a function called do_shortcode() that lets you add shortcodes to your theme templates. Simply add the code like this:

<?php echo do_shortcode('[aio_button align="center" animation="flash" color="red" size="small" icon="envelope" text="Subscribe Now" url="http://www.wpgoods.com/newsletter/"]'); ?>

The example code above would render the WordPress shortcode as shown below.

Uninstalling All In One Buttons

Post Ribbon

The first step to uninstalling All In One Buttons is deactivating it. Simply go to Plugins screen inside your WordPress dashboard. In the list of plugins, click Deactivate under the All In One Buttons heading.

Deactivate plugin

After you deactivate All In One Buttons, you can delete it by clicking Delete under its name in the plugins list.

Delete plugin

Keep in mind that if you delete All In One Buttons from the WordPress dashboard, it will delete your saved option settings as well.