Installation

To install the plugin simply navigate to Plugins > Add New in your WordPress dashboard and search for audioigniter

ai_install

Next click the Install Now button and wait for the plugin to be installed. Once the plugin is installed you can click the Activate button.

ai_activate

That’s it. The plugin is installed and activated.

Creating a playlist

To create a playlist navigate to Playlists > Add New Playlist and start by giving your playlist a name

ai_list_name

Adding tracks

A playlist needs some tracks, let’s see how we can add some.

In the image above you can see the Tracks metabox. Below we take a step by step approach on adding a track.

  1. We start by adding a cover. Click the placeholder image and WordPress’ media manager will pop-up to allow you to upload a new cover or select a preexisting image.
  2. Fill in the track’s title
  3. Fill in the artist’s name
  4. You can also fill in a URL where your listeners can download your track, this will display a download button next to the track in the track listing. Please note that while AudioIgniter will try its best to make the link you provide downloadable it might not work everywhere or in all browsers (due to security reasons mostly). In case this happens you can host your downloadable files in a third party service that robustly supports downloads, e.g. Dropbox (with the ?dl=1 flag in the url).
  5. Click the Upload button to get a media manager pop-up which allows you either to upload a new mp3 file or select a preexisting one from your media library. Alternatively if you have a radio stream URL you can paste it in the box. 
  6. If the track is available for purchase you can paste the URL of the marketplace where your visitors can purchase it. This will display a cart button next to the track in the playlist.
  7. Click the Add Track button, rinse and repeat to add the rest tracks of your playlist.

Removing tracks

To remove a track simply click the Remove Track button.

Notice: You need to have at least two tracks for the remove track button to appear.

Playlist settings

There are a lot of settings available to help you get the most out of your playlists, let’s have a closer look at them.

  • Show track listing: this option allows you to toggle the appearance of the track listing. Leaving the box un-checked will start the playlist hidden. See players 1 & 2 here
  • Show track numbers in tracklist: this option toggles the appearance of tracklist numbering.
  • Show numbers in reverse order: reverses the number order to allow you to create a “countdown” playlist.
  • Show track covers in tracklist: select whether you want to display track covers in the tracklist.
  • Show active track’s cover: this option allows you to hide the current track’s cover from the player. See players 1 & 4 here
  • Show artist names: toggles the appearance of artist names on the player.
  • Show buy link: toggles the appearance of the buy link on the player.
  • Show “Powered by AudioIgniter” link: This allows you to display a powered by link below the playlist. Please consider enabling it if you like the plugin, it will help us a lot :)
  • Starting volume: If you want to initialize the player with a lower volume than 100% percent you can declare it in this box. Simply choose from 0 to 100 (in increments of 10)
  • Limit track listing height: Larger playlists will take up a lot of height on the page, to prevent that from happening you can set a fixed height for the list which will enable a scrollbar when the list goes beyond it. See players 2 & 3 here
  • Maximum player width: By default the player will take up all the available width, this allows you to set a maximum width for your player if you want to create a specific layout.

Once you figure out all the settings you are done with the list creation. Click the Publish button to finalize it.

Displaying the list

To display the list you need to grab its shortcode.

Scroll to the shortcode metabox and copy the shortcode text

ai_shortcode

Paste the shortcode in any post or page and save, that’s it, you can now see your playlist in action.

TIP: if you want to use the player in a sidebar you can paste the shortcode in a standard textwidget. If you don’t see the player after saving the widget you will need to enable shortcodes in textwidgets. Have a look at this article on how to do this.

AudioIgniter Pro

Installation

To get the plugin’s installable zip file navigate to our downloads section here and search for audioigniter

ai_pro_dl

Click the green download button and save the zip file when prompted.

Next navigate to Plugins > Add New in your WordPress dashboard and click the Upload Plugin button.

ai_pro_ul

Next click the Choose File button, search for the zip file you downloaded a moment ago, select it and then click the Install Now button.

ai_pro_install

Finally click the Activate Plugin link and you are done.

ai_pro_activate

Pro Features

Once you install and activate AudioIgniter Pro you get all its additional features, let’s have a closer look at them.

Custom widget

No need to hack your way through with text widgets. You now have a custom widget available to use on any sidebar. Navigate to Appearance > Widgets or Customize > Widgets place the AudioIgniter – Playlist widget in any sidebar, give it a title, select a playlist from the drop-down and save. Done!

ai_pro_widget

SoundCloud Integration

Allow users to listen to songs from your SoundCloud, directly on your site with the awesome look of AudioIgniter’s playlists. Just paste the SoundCloud URL in the box. But wait, there is more. Not only you can play tracks from SoundCloud, but you can also pull the track’s info, like name and cover, from SoundCloud so you don’t have to add them manually.

To do that you will need a SoundCloud Client ID. This is a process which unfortunately could take a couple of weeks to be approved. Follow the steps below to get one.

  • Login to SoundCloud’s developer portal here using your SoundCloud credentials.
  • Click on Register new app
    sc_new_app
  • Once you click the Register new app link you will see this
    sc_reg_1Go through the form filling process step by step.
  • The first page is just general info.sc_reg_2
  • Then we have app info. Business usage and monetization are per-case and you should decide what to fill in.sc_reg_3
  • If you have another app on SoundCloud provide the app’s info here.sc_reg_4
  • Finally submit the request and wait to hear from SoundCloud. Once the app is approved they will provide you with the necessary Client ID you need for AudioIgniter integration with SoundCloud.sc_reg5

 

Now that you have the Client ID you need to navigate to Customize > AudioIgniter > SoundCloud in your WordPress dashboard and paste the client ID in the box. Click the Save & Publish button and you are set.

sc_id_customizer

Once this is set up you can go back to your playlist. Clicking the Sync SoundCloud button next to the SoundCloud track’s URL will pull the info automatically.

Batch Uploads

In the pro version you can upload all your mp3 files at once and have them set up to be a track each on your playlist. Click the Batch Upload button and in the media manager pop-up upload and select all your tracks. Once done click the Select buttonThat’s it.

ai_pro_batch

If the ID tags on your mp3 files are properly set, track info like artist and title will be automatically set!

Rearrange-able tracks

Need to change the order of your playlist? No problem! Just click on the track’s title bar and drag, easy.

ai_pro_rearrange

Once you are done rearranging your tracks don’t forget to click the Update button to save the change.

Player Types

AudioIgniter Pro allows you to select between two types of playersin order to help you organize your playlists and use certain features each time depending on your case scenario.

Simple Player

Single Player provides less options and a different output without track images and controls.

  1. Select the Simple Player type.
  2. Enable or Disable your player features.
  3. Set the starting volume and the width and height of your player.

 

Full Player

Full player on the other hand, can display all controls and track images also.

  1. Select the Full Player type.
  2. Enable or Disable your player features.
  3. Set the starting volume and the width and height of your player.

Styling options

The pro version allows you to apply custom styling to your playlists via the WordPress customizer. Visit Customize > AudioIgniter > Appearance to do so.

ai_pro_appearance

Here you can change the background of the playlists with a solid color or image of your choice. Additionally you can modify the text color of various playlist items.

Internal taxonomy

With AudioIgniter Pro you can separate your playlist in categories which can help with organization and later retrieval. Please notice this is an internal taxonomy, which means that you can’t use it to display all playlists of a certain category in a listing page on your site, like you would do for example with a post category. The taxonomy is here mainly for archiving purposes.

Premium Support

Along these great extra features, AudioIgniter PRO comes with premium support via our dedicated support forum. Have any questions? Click here and ask away!

Summer Special: Get 30% off! Coupon code: SUMMERCLUB - Join Today!