Now you can turn any webpage into your own personal royalty free stock media store, complete with production music, sound effects and audio, stock footage, and stock photos, thanks to our brand new remote store widgets. While setting up your own remote store widget it super simple, we’ve put together a short tutorial of how to get up and running in a matter of minutes.
Step 1: Log in to your Productiontrax contributor account, and click on the “Remote Store Widget” link in the main menu bar on the left side of the page. Don’t have an account? Create one — it’s simple and it’s free. From there, click the link to create a new widget, or select one from your widget list if you already have one set up.
Step 2: Once you’re in the widget editor, add a catchy title and tag line using the editor options on the right hand side, and select the contributor logo image you want to use on your widget. As soon as you make changes, your changes will save, and the widget will update automatically.
We’ve added some display filters to the widgets that make them uber-useful for any contributor. First, you’ll notice a menu that allows you to either show media from just your account or show media from all of Productiontrax. The former will come in useful for those wanting to sell just their own stock audio files, while the latter option is great for leveraging the entire Productiontrax royalty free library, essentially creating a complete copy of the library on your site. You’ll also notice that you can specify which kinds of media to display in your widget – either royalty free music, sound effects, stock photos, or stock footage. You can select one, all, none, or any combination in between.
When designing your widget, remember that you can create as many widgets as you like, and put them on as many websites as you like. So, you might want to create a separate widget for your stock music and sound effects (or one for each), one for your stock footage, and a separate one for your stock photos. Figure out if multiple stores works best for your media, and if so, set your filters accordingly.
Step 3: Select your colors and theme out your widget to match your website. In most cases, you’ll need to use our color pickers or you’ll have to know the hex color codes to match your website’s look. Our editor allows for both, and we have some pre-styled buttons to match. Here’s where you can take a little shortcut, and use one of our pre-set themes (check out the dark hive theme at right). Using these themes are what we like to call inline style overrides — so any changes you make to your widget’s colors will be changed at launch time when a visitor happens on your your site. To use a style override, just scroll to the bottom of the editor, and pick the style you like.
Step 4: Get your code and paste it in to your website’s HTML. We provide the code you need to display your widget on your website seamlessly. And it’s a single line of simple HTML. Simply copy and paste from the code box at the top of the editor (or from the selected inline style override panel at the bottom, if you’re using one of those. Then launch your website, and bask in the glory that is your remote store widget.
Some features to note:
• All credit card processing AND file downloading is done via SSL right in the widget. Your visitor never leave your site for any part of a transaction. The widget is a fully-featured track preview, shopping cart, checkout and download tool. We recommend strongly that you use HTTPS on your site, and an HTTPS connection is required in the widget’s src attribute.
• The widget is stretchy horizonatlly. It will expand to fill the space if you change the widget’s width attribute in the HTML code. The widget will not change height at this time.
• As of this writing, video playback may not work on all browsers due to a browser security restriction. We’re working on this, but the widget plays video on most browsers to a barebones extent.