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:

The Video Players can be found under > Multimedia > Video Players

The Video Players can be found under Multimedia Video Players

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 click the button.

Video Player Section

Video Player

Video Player

Video Title

Enter a Title for the Video

Video Description

Enter a Brief Description for Your Video

Video File

There are three different ways to select the video file that can be played in this player.

Upload Video Option
If uploading the file directly to the site, click Upload Video File and select the file from your local drive.

Select Amazon S3 Video File
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.

Enter Other Video File URL
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.

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.

For best results, the image dimensions should equal the player dimensions.

Settings Section

Settings

Click on the Settings box to open the section.

Video Player

Video Skin

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

Optional: Set the Video with Pop Up Ability: First upload an image to the Video Image field (found in the Video Player section) and then click on the Popup Player checkbox in the Video Skin Field.

Video Dimensions

Add a Video Width and Video Height for the video player. This will be the maximum width and height for the player. It will automatically adjust on smaller screen sizes.

Check the box for 'responsive' if you would like the player to always fill the width of the user's full screen.

Fixed Controls

Check the box for 'Fixed Controls' to always display the player's controls. If the 'Fixed Controls' is left unchecked, the bottom controls will only show when the user hovers over the video player.

Video Autoplay

Checking the box will set the video so that it automatically begins playing upon loading. Leave the box unchecked when you would like the user to manually click the play button to begin watching.

Loop Video

At the end of the video it will automatically begin playing from the start. If this is the desired behavior, check the Loop Video box.

Playback Speed

Check this box to provide a control for the user to control the speed of the video.

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 if necessary.

Styling Section

Styling

Click on the Styling box to open the section.

Video Player

Video Player

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.

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.

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.

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.

Actions Section

Action Events

A script can be input to run after a specific set time.

Click on the Actions box to open the section.

Video Player

Action Time

Enter the amount of time in seconds. This is the time after the video has been started when the script will run.

Actions Script

Add the script into the actions script box.

Add Additional Scripts

Click on the button and repeat the two steps above.

Choose 'Save Video Player'

Click on the button

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

Add the Video Player to a Page

After the video has been saved, a preview screen with the video will appear.

The CF Tag will appear in the box below the video. Copy the cftag and paste it into the content box for a page, department or portal page.

Video 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.

Adding a Download File can be found under > Downloads > Add File

Adding a Download File can be found under Downloads Add File

Add Download File

Add Download File

Download

File Descriptive Name

Enter a short (under 30 characters) description of the downloadable file. This will be shown as the descriptive link in the Download Library Area.

Brief Description of File

Enter a 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).

Long Description, 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.

Download File

Download File

Download

Select Download File

From your local drive- Choose Upload Download File and select the file from your local drive

Amazon S3 File

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

Download Images

Download Images

Download

Item Image

Choose Upload Image File to select an image from your local drive. This image will appear on the page with the description of the file.

Item Thumb

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

Download Settings

Download Settings

Download

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. Begin typing in the box to select specific plans.

Author/Company Name

(Optional) Add the author or company who created the download file.

Author/Company Email

(Optional) Add the email address of the author or company who created the download file.

Author/Company Website

(Optional) Add the website of the author or company who created the download file.

File Category

Select which categories to which this file should belong. The categories are created in Settings. Multiple selections can be chosen by holding down the CTRL key on your keyboard.

License Type

(Optional) Enter a license type if appropriate (freeware, shareware, creative commons. etc)

Price

(Optional) Enter a cost that the file might cost outside of this membership website. *This will not be charged in this area. Members can access download files as part of their membership benefits.

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.

File Sort Date

Click in the box to choose a date. The date will help in arranging the download files. The order is set in download Settings.

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

Click the button found at the bottom

 

 

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