Step By Step Guide

attracTV Studio – Step By Step

Test

Embed

Edit

Gallery ListOnce you login, you can see that a sample gallery has been created for you.Click the Test button and see it in action!

Suppose you’re happy with this gallery as is, then just click Embed to get the embed code to put in your website.

In order to add/remove vidgets, plug-ins or change other properties of the gallery click Edit

Test

Embed

Edit

Edit GalleryAfter clicking Edit you get to the Edit Gallery screen. In this screen the main job is done:1. Setting the Gallery

properties2. Adding removing

vidgets3. Setting the relevant

plug-insAfter every step you can click Save and then Test to test your changes.Now click Gallery Vidgets to add a new vidget

Test

Embed

Edit Gallery Vidgets

Gallery Vidgets ListIn the Gallery Vidgets screen you see the list of vidgets attached to your gallery, you can sort them, enable/disable them in the gallery, Edit a vidget and remove /add new ones.

There are two types of vidgets – standard and menu vidgets. Menu vidgets enable the user to open a vidget on demand.

Test

Embed

Edit

Gallery VidgetsAdd Vidget

Disable/Enable

Edit Vidget

Edit VidgetAfter you click “Edit” on a certain vidget in the gallery, the “Edit Vidget” modal window opens.

Save

Vidget

Changes

Settings inside this Gallery

Add Vidget To GalleryAfter you click “Add Vidget” a modal window opens with a table of available vidget applications. You can choose to create a new instance or re-use existing one from any vidget. If an instance from that vidget already exists in this gallery you will notice an “Existing in Gallery” indicator.After you’re done adding vidgets to the gallery don’t forget to save the gallery.Create

New Add

Existing

Exists indicator

Saving The GalleryAfter you added vidgets to the gallery you have to enable them in order for them to become active for clients.After that you must click save/save-and-close for your changes to take affect.

Enable/ Disable vidgetSave the

gallery

Vidgets List ScreenA single vidget may be attached to multiple galleries. Due to that fact, vidgets can be created and managed independently from any specific gallery.From the Vidgets screen you can add and remove vidget instances and manage their content.

Create a vidget

Vidget instance list

Vidget type list

Gallery Test Popup

Types Of Vidgets

Standard Vidget

Menu Vidget

Embed Code GeneratorThe embed code generator screen is the place you configure and then grab the html embed code to put in your website.First choose the vidget gallery that with wish to embed and the type of video player you use, then a relevant set of additional options opens. Once you’ve set the preferences click “Update And Preview” and then grab the code. Here’s an example how to do it with a video from YouTube

Select Gallery and Video player

Embed Code With YouTube VideoUsing a video from YouTube is simple:1. Go to the relevant video page in YouTube and click embed2. Copy the URL to the video that should look like http://www.youtube.com/v/VIDEO_ID3. Open the Embed Code generator in the studio, in the example setup choose YouTube.4. Update the file to the URL you copied from YouTube5. Click Update&Preview and you’re ready to copy the embed code

Set the

YouTube

URL

Choose YouTube

in the Embed

Code Generator

Copy the video

URL from YouTube

Grab The Embed CodeCopy the embed code and put it in your website.

Copy the embed code