Using Amazon S3 on Your MemberGate Site

Amazon S3 is integrated with MemberGate to allow you to easily access your stored files to deliver them on your MemberGate site.

The files can be streamed directly from the built in media players or can delivered as a download for customers and members.

These files are secure and can be set for Private so they are only accessed from your MemberGate site.

Review all of the tutorials in the tabs below to access your Amazon S3 files on your site.

Connect Your Amazon S3 Account

This is a one time action, but the first step is to connect your MemberGate site to your Amazon S3 account.

Login to MemberGate Control Panel

Under 'Master Template' choose 'Amazon S3 Settings'

Amazon S3 Settings

Login to Your Amazon AWS Console

  1. Copy your Amazon Access Key and paste it into the field in MemberGate

  2. Copy the Amazon Secret Key and paste it into the field in MemberGate

  3. In the 'Amazon File Filters' field, enter the file types that you would like to access from your Amazon S3 account to use on your MembrGate site (for example, mp4, mp3, pdf etc). Separate each different file type with a comma.
Offer Downloads that are Served on Amazon S3

Extra Resources: Find your Amazon Access Key and Amazon Secret Key

How to Stream Files using the MemberGate Video Player

Once you have connected your Amazon s3 account to your MemberGate site, you can start creating players and protecting your files with the MemberGate Media Player

Video and Audio files which you have uploaded to your Amazon account, can be embedded on your content, department or portal pages using the MemberGate built-in video player.

The players have a responsive option so it will adjust to the screen size on any desktop, tablet or mobile device.

Your members will be able to view the embedded video directly from your pages. 

As MP4 files can be viewed on all devices, MemberGate recommends using MP4 video files and MP3 audio files

(As FLV files are no longer supported by Adobe, we can provide no support !)


 

To Embed a Video File:

Click on each section to expand for more information:

1. From under 'Multimedia' choose 'Video Player'

From under 'Multimedia' choose 'Video Player'

 

2. Choose 'Add New Video Player' from the drop down menu and select 'Add/Edit Video Player'

Choose 'Add New Video Player' from the drop down menu and select 'Add/Edit Video Player'

3. Add a title for the video in the 'Video Title' field and a description in the 'Video Description' field

Add a title for the video in the 'Video Title' field and a description in the 'Video Description' field

 

Embed a Video Using the Built in Player
4. Upload the Video File

If uploading the file directly to the site, in the 'Video File' field, click 'Upload Video File' and select the file from your local drive. Visit the tutorial on uploading large files directly through your control panel for further instruction if necessary.

 

Embed a Video Using the Built in Player

 

 


   
To select the file from your Amazon S3 Account choose the 'Select Amazon S3 Video File' link. Visit the tutorial on using Amazon S3 to upload your files for more instruction if necessary.

 

 

 

To use a video hosted at another third party solution, click 'Enter Other Video URL' and enter the full URL of the video in the box. Visit the tutorial on using files hosted from a third party for more instruction if necessary.

 

5. Click on 'Upload Image File' to upload a Video Image

Video Image - Click on 'Upload Image File' and select an image from your local drive. This image will appear as the static image for the video player before it begins playing.

 

Embed a Video Using the Built in Player
6. Add video dimensions and video skin

Set the type of Video Skin for the Player: The drop down options are slim, fat or full.

Optional: Set the Video with Pop Up Ability: Upload an image to the Video Image field and then click on the Popup Player checkbox in the Video Skin Field.

Embed a Video Using the Built in Player

Add a Video Width and Video Height

Embed a Video Using the Built in Player
7. Update the Fixed Controls

Check the box for 'Fixed Controls'. If that box is checked, the controls will be shown the whole time. If the 'Fixed Controls' is left unchecked, the bottom controls will only show when the user hovers over the video player.

 

Embed a Video Using the Built in Player
8. Set if the video is responsive

Video Responsive - Checking that box will create a responsive video player that fills the width of the page.

 

Embed a Video Using the Built in Player
9. Set the video to play automatically

Video Autoplay - Check that box if the video should automatically begin playing upon loading. Leave the box unchecked so the user has to manually click the play button to begin watching.

 

Embed a Video Using the Built in Player
10. Set if the video should loop

Loop Video - When this box is checked, when the video is watched to the end, it will begin playing again from the start automatically

 

Embed a Video Using the Built in Player
11. Choose the Video Volume

Video Volume - Choose the initial volume setting for the video from the drop down box. The user can manually adjust the volume in the controls.

 

Embed a Video Using the Built in Player
12. Set the color for the buttons

Button Color - Set the Color for the buttons on the control bar. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

Embed a Video Using the Built in Player
13. Set the color for the progress and volume bars

Progress/Volume Bar Color - Set the color for the volume and progress bars on the player. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

Embed a Video Using the Built in Player
14. Set the color for the playbar background

Playbar Background Color - Set the color for the color behind the volume and progress bars. Click in the first box and enter the hexadecimal color if known, or click in the color box to choose a color. 

 

Embed a Video Using the Built in Player
15. Set the screen color

 Screen Color - Set the color for the background of the video. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

Embed a Video Using the Built in Player
16. Choose 'Save this Video'

Click on the 'Save this Video' button

17. Copy the CF tag and paste it where you would like the video to appear

Copy the CF tag and paste it in the main text box of a content, department or portal page where you would like the video to be shown.

 

Embed a Video Using the Built in Player

 

 

 Here is an example of an embedded video player:

 

How to Stream Files using the MemberGate Audio Player

To use the mp3 files saved at Amazon S3 to stream videos on your site using the built in Audio Player follow these instructions:

  1. Under 'Multimedia' choose 'Audio Player'

  2. Choose 'Add New Audio Player' to create a new Audio Player, or select an existing one from the drop down list to edit an existing file.
    Click 'the Add/Edit Audio Player' button.

  3. In the 'Audio File' field, click 'Select Amazon S3 Audio File'

  4. Your Amazon folders will appear. Click on the folder to find the audio file. Then select the file (*only files that will work in the audio player will show) to add to the audio player.

  5. Click the Back button if the wrong folder was selected to go back to your full folder listing.

  6. The file selected will appear as selected

  7. If you wish to change the file selected at anytime (even when editing in the future), begin the process again from step 3 and the file will be overwritten.



 

Offer a File Stored at Amazon S3 as Downloadable File for your Members

Files can be uploaded to the download area to offer as a benefit to subscribing members. Learn how to add a file using this guide.

Many of the fields in 'Add File' are not mandatory and self explanatory. This tutorial will only take you through the important and most used fields. If there is a field that is not explained here, but you are unsure of how it is used, please open a ticket with our support system. Also remember the quick help question marks next to each field name. Hovering over the question marks will provide a description as well.

*Part 9 provides instruction on selecting the File from your Amazon S3 Account

 

Click on each section to expand for more information.

1. Under 'Downloads' choose 'Add File'

Under 'Downloads' choose 'Add File'

 

How to Add a File to the Download Area
2. Add a description of the downloadable file in the 'File Descriptive Name' field

 'File Descriptive Name' short (under 30 characters) description of the downloadable file. This will be shown as the Descriptive link in the Download Library Area.

 

3. A longer summary about the file can be added to the 'Brief Description of the File' field

'Brief Description of the File' - Longer summary about the file. This will appear on the download page before the user decides to download the file (sort of like a main headline for the page).

 

4. The files can be restricted to members belonging to specific member plans in the 'Member Plan Access' field

'Member Plan Access' - The files can be restricted to members belonging to specific member plans. Choose the member plans that do have access to the file (multiple selections can be made by holding the CTRL key on your keyboard)

 

5. Select which categories to which this file should belong in the 'Category of the File' field

'Category of the File' - Select which categories to which this file should belong. The categories are created in 'Configure DL Area'. Multiple selections can be chosen by holding down the CTRL key on your keyboard.

 

How to Add a File to the Download Area
6. Choose 'Active' in the 'File Status' field to make the download live

 'File Status' - Choose 'active' from the drop down menu to include the download in the download libary. Choose 'inactive' if it is no longer available for download.

 

How to Add a File to the Download Area
7. Add a date to arrange the download files in the 'File Active Date' field

'File Active Date' - The date will help in arranging the download files. The order is set in Configure DL Area.

 

How to Add a File to the Download Area
8. Enter a longer description of the file in the 'Long Description or Run Notes' field

'Long Description or Run Notes' - Enter a longer description of the file. Include any information about the file as necessary. This space can also include instructions on how to download the file.

 

How to Add a File to the Download Area
9. Upload the file

 Upload the file:

From your local drive - In the 'Select File to be added to Download Area' field, choose 'Upload Download File' and select the file from your local drive

From your Amazon S3 Account - Enter the bucket and folder information if known, or click 'My Amazon S3 Account' to drill down through your files to select it. Please see the tutorial on using Amazon S3 for your downloads for further instructi

 

 

How to Add a File to the Download Area
10. Add the images

Add the images:

Item Image: Will appear on the page with the description of the file. Choose 'Upload Image File' to select an image from your local drive.

Item Thumbnail Image: Will appear in the download library area next to the 'Brief Description of the file' and 'File Descriptive Name'. Click 'Upload Thumbnail' to select a thumbnail image from your local drive.

 

How to Add a File to the Download Area
11. Click the 'Add File to Download Area' button found at the bottom

Click the 'Add File to Download Area' button found at the bottom

 

How to Add a File to the Download Area

 

 

Sell an Amazon S3 Download File in Shopping Cart

A download file or eship delivered product can be sold to customers through the shopping cart option. The download file can be uploaded to the site via the control panel (if small enough), through FTP (if it is large or for ease of uploading multiple files at one time) or can be connected through the Amazon S3 account.

Follow these steps to sell the one time purchase of a download file through the shopping cart:

Click on each section to expand for more information

1. Under 'Commerce' choose 'Shopping Cart'

Under 'Commerce' choose 'Shopping Cart'

Shopping Cart
2. From the shopping cart menu, choose 'Add/Edit Products' and choose 'New - Add New Item' from the drop down menu

From the shopping cart menu, choose 'Add/Edit Products' and choose 'New - Add New Item' from the drop down menu

Setup a Product in the Shopping Cart to Offer as a Download

 

3. Enter the product information for the required fields for all products

Enter the product information for the required fields for all products, as well as any other fields that are necessary for this product:

Product Number
Enter aproduct code or number for this product. This should be less than 20 characters. This can be seen in the shopping cart.
Item Name
Enter the name of the item. This can be seen in the shopping cart and should be less than 100 characters.
Item Status
Select 'active' from the drop down menu to allow users to purchase this product, and to publish on the department and/or main shopping cart page.
Product Department
Select the specific product department for this item.
Item Price, Item Price for Members, Suggested List Price
Enter the pricing for the download product
Item Headline
Enter the headline for the item that will appear at the top of the product's sales page and as a link along with the item tease copy.
Item Description
The sales copy and product information that will be shown on the sales page for users to learn more about the product.
4. Choose to have the Product Delivered as a Download

Fields Specific to the Setup of a Download File

A product can be sold as just a download file, or a download file can be sold along with a physical product. These options can be found in the 'Internet Delivery' field.

 

Download File Only Product

In the 'Internet Delivery' field Choose 'Internet Delivery Only' from the drop down menu

Setup a Product in the Shopping Cart to Offer as a Download

 

Download File Plus a Physical Product

In the 'Internet Delivery' field Choose 'Internet + Physical Delivery' from the drop down menu. A download will be delivered electronically and a physical product will be shipped to the purchaser.

Setup a Product in the Shopping Cart to Offer as a Download

 

 

5. Choose the Download File

Choose the Download File

There are three ways to add the download file to this product setup. The download file can be added to the product via the two 'Eship File' fields or the 'Amazon S3 File' field

 

Upload the File Directly to the Add Product Page

From the first 'Eship File' field click the 'Choose File' and select the file from the local directory.

Setup a Product in the Shopping Cart to Offer as a Download

 

Choose a File From Your Amazon S3 Account

If an Amazon S3 account has been connected to the site, and the download file can be delivered through the Amazon S3 account, select the file through the 'Amazon S3 File' field by clicking on My Amazon S3 Account.

 

Choose a File Uploaded via FTP

If the file had been uploaded via FTP to the ftptemp folder, select the name of the file from the second 'Eship File' field.

Setup a Product in the Shopping Cart to Offer as a Download

 

6. Add the Download Instructions for the Purchaser

Add the Download Instructions for the Purchaser

When the user purchases a download file, they will receive an email receipt along with a link and password to access the download.

After clicking the link the user will be brought to a page on your site which will include the download link and any text added to the 'Item Download Instructions'.

Include any other sales information on that page or instructions to download the file. HTML can be added to that field.

7. Click on the 'Add this Item' button to add the new download or eship file.

Click on the 'Add this Item' button to add the new download or eship file.

Set Amazon S3 File for Private Access

MemberGate Tactic: Here's how to protect the Files stored in your Amazon S3 account!

If the files in your buckets stored at your Amazon S3 account are set to Private, they are still usable and viewable on your MemberGate site.

This means when you set the access of the file to be "Private", it's not accessible to the outside world, ONLY to your MemberGate site members and clients.

Taking these steps will prevent sharing of your files that you want only to be available for your paying customers, as the only people who could access your files would be paying members or paying customers, thus protecting the monetization of your intellectual and private materials.

Follow the instructions below to control the access of the files in your buckets on your MemberGate site.

NOTES:

  • The instructions assume that your Buckets are set to Private on your Amazon S3 account

  • All of the files in the bucket will have the same access on your MemberGate site (either denied access or granted access)

  • The access setting in MemberGate only has to be changed in ONE spot. Anywhere else on the site that is using the files in that bucket will assume the same setting. This includes all Video Players, all Audio Players, the download area as well as the Shopping Cart

 

Follow the steps below to update the access of your Amazon S3 files on your MemberGate site. Click on each section to expand for more information.

1) When you see an Option to select a file from Amazon S3 click on 'Select Amazon S3 Video File'

When you see an Option to select a file from Amazon S3 click on 'Select Amazon S3 File'

A listing of your Amazon S3 bucket will appear

 

AM Video 1

 

**This field can be found when adding or editing a Video Player, Audio Player, Download or Shopping Cart Item

2) Click on the Bucket Name from the Listing

Click on the Bucket Name from the Listing

 

AM Video 2
3) In the top right the Bucket Policy will appear

In the top right the Bucket Policy will appear. The current setting will show.

To change the setting, click on the current setting. 

Click on Access Granted to change it to Access Denied.

Click on Access Denied to change it to Access Granted.

If the Bucket Policy shows 'Access Denied', no users will be able to view/listen to/download the file/player. The file will take on the protection specifications of your Amazon S3 policy of Private.

If the file is set to 'Access Granted' users viewing/listening to/downloading the file only on your MemberGate site will be able to access the file. 

 

AM Video 3

 

The above screenshot shows that the Bucket for Aqua has Access Granted. This means all of the files within this bucket can be viewed or downloaded on your MemberGate site. 

To change the access for Aqua, click on Access Granted to change that to Access Denied. This means that all of the files within this bucket will not be viewable or downloadable on your MemberGate site.

How to Secure Amazon S3 Buckets

If you receive an email from Amazon with the subject line Securing Amazon S3 Buckets, you need to follow the following steps in order to secure your buckets.

  1. Log in to the Amazon AWS Management Console

  2. Click on the Bucket named in the email to load the properties and options for that bucket

  3. Select the Permissions tab at the top of the screen, and click on the button for the Access Control List
    Securing Amazon S3 Buckets


  4. Click on the Everyone radio button under the Public Access section
    Securing Amazon S3 Buckets


  5. In the Everyone Access Policy popup which appears on the right hand side of the screen, Uncheck all of the Checkboxes, and click on Save to update the policy
    Securing Amazon S3 Buckets


  6. Repeat the process for any other buckets listed in the email