Well, good evening everybody. Welcome to this 4th week in our 6-week series on how to build an online store using Shopp and Thesis. Tonight, we are going to continue to configure the product catalog and we’re going to talk a bit about product variations in Shopp and how you might think about product variations and other kinds of sites. The first thing we’re going to talk about is configuring the download of electronic products using Amazon S3.
System Configuration for Electronic Products
First, I want to refresh your memory of what we did the last couple of weeks. In Week 2, we configured the file system that was outside of the web server to hold the files. We’re looking at the hosting account for mentalmanagementstore.com site right now. We have public.html where the web server is and all the web-based files are. And we created this folder called product files which is outside of public.html which means it’s not available to browsers.
And we put these products inside of that. And actually, we didn’t put those products in directly ourselves. We used the upload system associated with Shopp and Shopp automatically put them there because of the way we configured it.
Shopp Product File Storage Configurations
Let’s take a look at the Mental Management Store for just a moment and look at the Shopp configurations under Shopp and Settings. And then go to System and you can see we have the product file storage under the file system. We placed it in the root directory home5mentalm4 and then the product files which is that directory inside of the root directory.
Let’s go to the very first product that we created in Shopp so you can see this system. For example, With Winning in Mind, when we created that product, well, this isn’t the one in particular, but we had this audio download and ebook download and what we did was we selected a file. We took the file off of our computer and uploaded it. Obviously, this is a dummy file. It’s one of my plugins but nevertheless, by using this system here, what it did was it uploaded it to the file system that we saw in FileZilla.
Now if we refresh FileZilla, we’ll see we’ve added this 3rd file here. So we didn’t need to use FileZilla to do the upload even though we were outside of our ordinary web server. Well, we’re going to do the same thing with Amazon S3 next.
Where to Find Amazon S3 Account Setup Lessons on BYOB Website
If you need help setting up an Amazon S3 account then I would recommend that you go over to the site and take a look at the Create a Membership Website series. In that series, in Week 9, we have a good demonstration of how to set up and configure Amazon S3 so go to that lesson if you don’t already have an S3 account and if you’re not familiar with what we’re doing here.
Configure Amazon S3 Account
We do have an Amazon S3 account so we’re going to go to Amazon Web Services. Search for that and then we’re just going to go ahead and log in. I’ll just click on this account, there we go. So we are firstname.lastname@example.org and our password is there. And now we’re on the inside of the Amazon S3 account.
Next, we want to open up our console, our AWS – Amazon Web Services Management Console, which gives us access to all of the Amazon S3 services that we’re using. In particular, at this point, we’re using the S3 services. So here we are looking at Amazon S3 and looking at our various buckets here.
Create and Set Up an Amazon S3 Bucket
And what we’re going to do is we’re going to create a brand new bucket. If you’ve done this before, you know that this bucket needs to have a unique name. We’re going to create a bucket and that name is going to be mm for Mental Management and then we’re going to say mmstore files. And actually, it looks like Lanny has a slightly different configuration so we’re going to say mmstore.files. We’ll use the US standard as the basis for this and say Create.
Set Up Permissions for Amazon S3 Bucket
Now that we’ve created the bucket, we need to set up the permissions for the bucket because remember, we want this to be secure and the way you do that is via permissions. So we right click on the bucket name and select Properties and then it shows us our permissions.
It starts off automatically with this permission set which is the grantee. That is the person to whom the permission is given and the grantee is us or info which is essentially, the username that we used for creating this Amazon S3 account. So the grantee is us and we are granted the permission to list upload and delete, view permissions and edit permissions.
You can give permissions to other people and if you’ve watched other videos or seen other tutorials out there about how to host files on Amazon S3, they have you adding additional permissions. You have a choice of adding everyone as an authenticated user. An authenticated user is somebody who has an Amazon S3 account. So anybody who has an Amazon S3 account is an authenticated user in this case.
Log delivery which is essentially the same thing except it keeps very close track of what gets delivered and when. And then me, actually, I don’t remember what the difference between me and info are but there must be some difference. Anyway, they generally have you say everyone and then they have you pick some of these things.
If we said list, upload and delete that would mean our files are no longer secure. Anybody who wanted them could download them. And if we said list, upload, delete, view permissions and edit permissions, what that would mean is anybody can manage this bucket including changing permissions. Well, we don’t want that at all. We want the only person to have access to this is us so we’re going to kill that permission set, leave the default permissions the way they are and hit save.
The list permission is the permission to see what the contents of the bucket are; it’s to see the list of the files that are there. Upload and delete is the ability to add files or to download files or to delete files. View permissions is to see who all has permission and edit permissions is sort of the ultimate, right? You can decide who can have permissions. In any case, the only people who have any of those permissions are us.
Amazon S3 Security Credentials
Now that we have this bucket set up, mmstore.files, the next thing we want to do is get our security credentials. First, let’s go to Mental Management Store for a moment. We’ll go to Shopp settings and then over to the system; we’re going to choose Amazon S3for product file storage.
When we choose Amazon S3, it’s asking us for 2 things. It’s asking us to enter our Amazon Web Services access key and secret key. These essentially are security credentials associated with our Amazon S3 account. In order for us to get our security credentials, we have to come back over here… oh that’s it. When I click on our name and then set security credentials then it takes us over here to this credentials section.
Lanny has a couple of different security credentials set up. We’re going to use the last one, so copy this access key and come back over here and paste it. Then we’re going to get our secret key. The secret key is so noted because it is hidden behind this little show button. We’ll copy it and close it. Come back over here to the Mental Management Systems again and paste our secret key. And then we can come down here and say save changes.
Now we have a new choice and that is to either create a new bucket or to select one of the existing buckets. We’re going to pick mmstore.files which is the bucket that we just created and we’ll come down here again and say save. Now we have linked our file storage to this Amazon S3 account. And I’m going to prove to you that we’ve done that by using the system to upload a file to Amazon Web Services.
Let’s go back over to the management console for a second in S3. Many other systems will require you first to upload your files to Amazon S3. And once they’re in this bucket, then you can put a link from the bucket into the plugin and the plugin will draw the files from here but you have to physically take the URL or the address to the file from the bucket and place it here. The nice thing about Shopp is that is it will actually store the file in the bucket for you.
Mental Management Store Products
And so we’re just going to demonstrate that once by coming over to products. And then let’s look at archery first combo. We select edit to take a look at the product for a second. Right now, we only have one product and that’s the audio cd. Lanny, I’m going to turn your microphone on for just a second. Good evening, Lanny. How are you doing?
Lanny: Good. How are you doing?
Rick: I’m doing well. Yeah, maybe turn the volume up just a little bit.
Rick: So you didn’t create a variation for an audio download for this?
Lanny: Hang on a second. I didn’t do any of this, Helen did. Okay…
Helen: That’s 2 products in 1 that we put as a combo.
Rick: But you only did it as an audio CD. You didn’t give them…
Helen: Yeah, it’s only available in CD because they’re 2 different products together. So each product is also in the list separately and those would have a download, right?
Rick: Okay but you could give them the ability to do the audio download here too.
Lanny: Okay and download 2 products, 2 downloads?
Rick: Sure. Yes, let’s see. So how would we do that? It’s a good question actually, now that you say that. I guess the way to do that would be to first zip the 2 files together in a single file because your audio download is a single file, right?
Lanny: Yeah. That might be problematic for a client or I don’t know, maybe. I’d have to think about that.
Rick: Okay. If you only have one format then you don’t need a variation. You could turn the variation off entirely and then you would just say it’s a shipped product and then put the details in and you wouldn’t need a variation at all. And let’s do that for the moment. Let’s do it that way. So it’s $50, it was 16 ounces and did we have an inventory associated with it?
Helen: We did because we had a SKU and that’s the only we’re going to get a SKU of our thing. Just put 10 in there for now.
Rick: Okay and the SKU?
Helen: It was archery1stcombo, I believe. Yeah, archery 1st…
Rick: All one word or 3 words or…
Helen: A 1 with an S T for 1st and then combo. I think that’s what it was.
Rick: Obviously, we could change this but…it would be useful to see the difference between a product that has variations and a product that doesn’t have variations. And this product, from a practical standpoint, does not have variations. It’s only got one way to get it and that is via CD.
Rick: And so if we save this product now, this is a little off-topic. I thought I was getting a product that had electronic download.
Helen: Because it’s single.
Rick: Do what, I’m sorry?
Helen: Go to a single product. All of those that are there are packages and combos. Your next page, you should find a single or something.
Rick: Okay so With Winning in Mind.
Helen: Yeah, exactly.
Upload a Product File to Amazon S3
Rick: If we go to With Winning in Mind and we scroll down here to our audio download, we can select a file and again, this is a dummy file. But if we select that zip file as our dummy file, it takes a little longer to download this to Amazon than it does to your file system. But now, it shows this file here and if we come back over to Amazon and refresh it, you’re going to see that file is there.
So you don’t even have to interact with Amazon S3. Now that we’ve got it set up, you can automatically just add it to there and you could upload a different file and if you upload a different file, it would replace that file. It’s a nice, handy system.
And the reason why you use Amazon S3 and not your file system is because the files that you’re downloading are pretty large. And even though it’s not accessible by web server, it’s nevertheless your web server that’s doing the transfer. If Amazon S3 is doing the transfer, it takes quite a bit of load off of your own server which means it makes your site run faster. So that’s why you would use Amazon S3 to do this.
And it’s really as simple as that. Once you’ve made the configuration under system settings, having set up your access key and having selected your bucket, from that point on, the uploading and exchanging of files can all be done inside of Shopp. So if you’ve got an administrative employee putting this in, they don’t even have to know how to access Amazon or anything about Amazon. All they have to know is how to upload a file. I think it’s actually a pretty nice feature of Shopp.