attracTV Studio – Step By Step
Gallery List
               Once you login, you
               can see that a sample
               gallery has been
     ...
Edit Gallery
               After clicking Edit you
               get to the Edit Gallery
               screen. In this ...
Gallery Vidgets List
                       In the Gallery Vidgets
                       screen you see the list
        ...
Edit Vidget
              After you click “Edit”
              on a certain vidget in
              the gallery, the “Edit...
Add Vidget To Gallery
                        After you click “Add
                        Vidget” a modal
               ...
Saving The Gallery
                     After you added
                     vidgets to the gallery
                     y...
Vidgets List Screen
                       A single vidget may be
                       attached to multiple
            ...
Gallery Test Popup
Types Of Vidgets
Embed Code Generator
                       The embed code
                       generator screen is the
                ...
Embed Code With YouTube Video
                         Using a video from
                         YouTube is simple:
    ...
Grab The Embed Code
                      Copy the embed code
                      and put it in your
                   ...
Upcoming SlideShare
Loading in …5
×

Step By Step Guide

340 views
299 views

Published on

This is a step by step presentation on how to use attracTV Studio

Published in: Self Improvement
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
340
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Step By Step Guide

  1. 1. attracTV Studio – Step By Step
  2. 2. Gallery List Once 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
  3. 3. Edit Gallery After clicking Edit you get to the Edit Gallery screen. In this screen the main job is done: 1. Setting the Gallery properties 2. Adding removing vidgets 3. Setting the relevant plug-ins After every step you can click Save and then Test to test your changes. Now click Gallery Vidgets to add a new vidget
  4. 4. Gallery Vidgets List In 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.
  5. 5. Edit Vidget After you click “Edit” on a certain vidget in the gallery, the “Edit Vidget” modal window opens.
  6. 6. Add Vidget To Gallery After 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.
  7. 7. Saving The Gallery After 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.
  8. 8. Vidgets List Screen A single vidget may be attached to multiple galleries. Due to that fact, vidgets can be Create a created and managed vidget independently from any specific gallery. From the Vidgets screen you can add and remove vidget instances and manage their content.
  9. 9. Gallery Test Popup
  10. 10. Types Of Vidgets
  11. 11. Embed Code Generator The 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
  12. 12. Embed Code With YouTube Video Using a video from YouTube is simple: 1. Go to the relevant video page in YouTube and click embed 2. Copy the URL to the video that should look like http://www.youtube.com /v/VIDEO_ID 3. Open the Embed Code generator in the studio, in the example setup choose YouTube. 4. Update the file to the URL you copied from YouTube 5. Click Update&Preview and you’re ready to copy the embed code
  13. 13. Grab The Embed Code Copy the embed code and put it in your website.

×