Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Integrating your store into a Drupal site

From: Create Your First Online Store with Drupal Commerce

Video: Integrating your store into a Drupal site

Up until now, we've only talked about the commerce functions of your Web site, but when you install Drupal Commerce, you automatically install Drupal, one of the most popular and well supported Web site construction kits around. So it makes sense to build out your store as a full site in Drupal, rather than trying to integrate it with some other Web site platform. This video shows you some of the possibilities of Drupal, but it's so big a topic that lynda.com has several courses just about building sites in Drupal, and of course, I recommend them.

Integrating your store into a Drupal site

Up until now, we've only talked about the commerce functions of your Web site, but when you install Drupal Commerce, you automatically install Drupal, one of the most popular and well supported Web site construction kits around. So it makes sense to build out your store as a full site in Drupal, rather than trying to integrate it with some other Web site platform. This video shows you some of the possibilities of Drupal, but it's so big a topic that lynda.com has several courses just about building sites in Drupal, and of course, I recommend them.

But let's start by looking at Drupal sites that incorporate Drupal Commerce. We find them by going to the homepage of the project, which is at drupalcommerce.org. Then, we click on Showcase, and I am just going to pick the first one here; ioby, in our backyard, which is an excellent site. At the top, we see a gallery of different things that people are doing; things that ioby wants to promote to everybody. Look at individual projects down here, with these nice little JavaScript pop-ups; gives you a little more information. There's integration with Google Maps, which leads you to the individual projects, and an About page, and a blog, and so on; all of the things that you would expect from a fully-functioned site.

So how do you make your site this amazing? Well, there are two ways. If you have an existing Drupal 7 site, you would simply add the Drupal Commerce modules on top of it, and then start building the store. The way you do that is by going back to your site, and then clicking Modules. Then you'll install, enable, and configure all the modules you need in the usual way. This Install new module link is the key, but for full instructions, see lynda.com's Drupal 7 Essential Training course. But which modules do you need? The Drupal Commerce page tells you.

Let's go back to drupalcommerce.org, and click Download from drupal.org. This is where you actually get the software itself, and as you scroll down, you see this requirements list here. There are quite a few of them, but again, if you know Drupal well, you'll be able to install it and configure it yourself just fine. And best of all, you can do that on top of an existing Drupal site. The other way to integrate your store with a Drupal site is to start with the store, and then add the other site features. That's what we basically have here in the site that we've been building for Two Trees Olive Oil.

So here are some quick ways to add common Web site features. Let's start with some basic pages. First we go back to our site, and we'll close out this overlay just to get back to our front page, just to see what we're doing. And then to add stuff, you go up to Content, and Add content. I am going to create a basic about Page. So I'll use Basic page. There is also an article content type, which is slightly different, and again, you can see the Drupal 7 Essential Training course to understand the differences. But for us, we'll just do a basic page. There's a title, and a body, and I am going to get that information from my exercise file.

There's my title; paste it in, and the body. As I scroll down to the bottom, there are some additional options. I think I will actually create a Menu link, and the Menu link will be About. I am also going to create a URL path alias, so that it shows up in the URL bar up here, just as about, and then I'll save it, and there's our page. And in fact, we have our little tab here, so if we go back to our front page, we can go to it very easily by just clicking About, and there it is.

That's a good start to filling the site with content that supports the store, but doesn't advertise a specific product. You'd obviously repeat this process many times as you build and expand your site. So that's how you add content. Now, to make a site like the one you saw earlier, you'd also need to add some functionality, such as that map widget, and photo gallery. You do that with modules. Go up and click Modules, and here we see the modules that are already installed. These are the core modules. You can close up this group if you want, or open it up to see exactly what's inside it, and then we see some things that Drupal Commerce installed as part of the Commerce Kickstart package that we started with.

The important part is this Install new module bit, and if you want to see what modules are available, you can take a look at this link here; find modules and themes on drupal.org. I am going to open that up in a new tab to show you how many there are. Take a look; there's almost 9,000 available. Now, that includes some repeats. For example, it counts twice the ones that are available for Drupal 6, and Drupal 7, but there are still thousands of them. The first thing you want to do when you're searching is to filter by compatibility.

Since we are using Drupal 7, we say Drupal 7, and search, and wow! There's still over 2000. The other part of building up your site is the design. To do that, let's go back to our Modules page, and you can see that it's also possible to download themes, which are entirely package designs for Drupal sites. You can do that not only from here, but also from the Appearance window. Install new theme, let's take a look at what themes are available, and again, it's very similar to the Modules page.

We'll filter by compatibility, and search, and we see there's over 200 themes, including several which are sort of base themes that let you do your own custom programming. You can also completely create your own custom themes. lynda.com has a course on Drupal theming, so check that out if you want to go beyond these readymade ones. Finally, you might need some custom programming. This is, of course, a little more difficult, but lynda.com does have courses on CSS, and PHP, and other skills that will help you. One of the interesting things about Drupal is seeing how people balance its many features.

You could have a huge site with only a single button for donations, which is handled by Drupal Commerce, or you could have a big catalog, but only a single non-product page, which is pretty much what our own site is at this point. Creating that balance between information and products is a big part of what will give your site its personality.

Show transcript

This video is part of

Image for Create Your First Online Store with Drupal Commerce
Create Your First Online Store with Drupal Commerce

35 video lessons · 11315 viewers

Tom Geller
Author

 
Expand all | Collapse all
  1. 16m 44s
    1. Welcome
      54s
    2. Previewing the finished project
      4m 10s
    3. Surveying the store-building process
      4m 29s
    4. Using the exercise files
      7m 11s
  2. 12m 12s
    1. Installing Drupal Commerce using Commerce Kickstart
      6m 5s
    2. Configuring your store's basic information
      6m 7s
  3. 31m 29s
    1. Accepting PayPal payments
      5m 9s
    2. Setting up individual products
      3m 17s
    3. Displaying products
      6m 30s
    4. Categorizing products
      5m 31s
    5. Adding simple taxes
      4m 39s
    6. Seeing your site from the customer's viewpoint
      3m 26s
    7. Processing orders
      2m 57s
  4. 17m 39s
    1. Understanding products and other entities
      3m 3s
    2. Understanding line items
      3m 16s
    3. Understanding rules
      5m 10s
    4. Integrating your store into a Drupal site
      6m 10s
  5. 29m 46s
    1. Adding product variations
      7m 2s
    2. Managing product variations
      3m 50s
    3. Importing simple products
      10m 11s
    4. Importing complicated products
      8m 43s
  6. 29m 52s
    1. Shipping products
      4m 50s
    2. Managing inventory
      4m 30s
    3. Managing orders
      5m 39s
    4. Managing customer profiles
      4m 55s
    5. Using Views to gain better oversight
      5m 0s
    6. Accepting other payment methods
      4m 58s
  7. 24m 52s
    1. Changing your store's look
      6m 24s
    2. Streamlining the checkout process
      5m 19s
    3. Launching your store
      13m 9s
  8. 29m 25s
    1. Offering product discounts
      8m 56s
    2. Gaining insight from Google Analytics
      5m 45s
    3. Making your site more visible to search engines (SEO)
      5m 52s
    4. Encouraging customer buzz
      8m 52s
  9. 56s
    1. Goodbye
      56s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Create Your First Online Store with Drupal Commerce .

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.