Build a Full Featured Ecommerce Website With Opencart

Traversy Media
14 May 201747:11

TLDRIn this informative video, the presenter guides viewers through the process of building a fully functional e-commerce website using OpenCart, an open-source platform. They advise against paid hosted e-commerce programs due to limited customization options and lack of access to source code. The video covers downloading and uploading OpenCart to a live web host, setting up a database, and customizing the storefront. It also includes creating a logo in Photoshop, adding products and categories, and configuring payment options like PayPal. The presenter emphasizes the importance of deleting sample data and tailoring the site to the user's needs. By the end of the tutorial, viewers have a live online store ready for business, showcasing the capabilities of OpenCart for e-commerce.

Takeaways

  • πŸ›οΈ OpenCart is an open-source e-commerce platform that allows for full customization and access to source code, unlike many paid hosted solutions.
  • πŸ’‘ It is advisable to use open-source platforms like OpenCart, Magento, or PrestaShop due to their community support and lack of reliance on a single company for support.
  • 🌐 InMotion Hosting is recommended for shared hosting, offering affordable plans and full cPanel access, which is beneficial for managing databases and files.
  • πŸ“ˆ OpenCart comes with a variety of features such as product slideshows, wish lists, authentication systems, order tracking, and customer support functionalities.
  • πŸ›’ The platform includes a cart system with options to change quantities, remove items, apply coupon codes, estimate shipping, and add gift certificates.
  • πŸ’³ OpenCart supports multiple payment methods including PayPal, and has a checkout process that can be customized for guest or registered users.
  • πŸ”§ Customization can be done through CSS editing for color changes and through the back-end dashboard for managing categories, products, manufacturers, and other store settings.
  • πŸ–ΌοΈ To add a custom logo, you can use image editing software like Photoshop and upload the new logo through the back-end settings.
  • πŸ“‹ The back-end dashboard provides analytics, sales data, customer information, and other essential store management tools.
  • πŸ› οΈ Extensions can be added or modified through the back-end to enhance the functionality of the store, such as adding a slideshow or enabling different payment methods.
  • βš™οΈ Before going live, it's crucial to delete the sample data and install necessary extensions for a fully functional and customized e-commerce site.

Q & A

  • What is the main topic of the video?

    -The video is about creating a full-featured e-commerce website using OpenCart, an open-source platform.

  • Why does the speaker recommend against using paid hosted e-commerce programs?

    -The speaker advises against paid hosted e-commerce programs because they often do not provide access to the source code, which makes customization and originality difficult.

  • What are some of the open-source platforms mentioned in the video?

    -The video mentions OpenCart, Magento, and PrestaShop as examples of good open-source platforms for e-commerce.

  • What hosting service does the speaker recommend for shared hosting?

    -The speaker recommends InMotion Hosting for shared hosting.

  • What does the speaker suggest for creating a logo for the e-commerce site?

    -The speaker suggests using Adobe Photoshop to create a custom logo and provides a walkthrough of the process.

  • How does the speaker demonstrate adding products to the online store?

    -The speaker shows how to add products by entering product information, uploading images, and setting up product details pages.

  • What is the process for setting up the database for the OpenCart e-commerce site?

    -The process involves creating a MySQL database and a user with all privileges through cPanel, and then using phpMyAdmin to manage the database.

  • How does the video guide viewers through the installation of OpenCart?

    -The video guides viewers through downloading OpenCart, uploading it to a web host via FTP, renaming config files, and going through the installation wizard by providing database details and creating an admin account.

  • What is the importance of deleting the installation directory after setting up OpenCart?

    -Deleting the installation directory is crucial for security reasons to prevent unauthorized access to the site's setup.

  • How can users customize the appearance of their OpenCart store?

    -Users can customize their store by editing the CSS file for colors, changing the logo, setting up manufacturers and categories, and adjusting the layout through the backend.

  • What payment options are discussed in the video for the e-commerce site?

    -The video discusses enabling PayPal as a payment option and mentions the availability of other payment extensions such as authorize.net and cash-on-delivery.

Outlines

00:00

πŸ›’ Introduction to OpenCart Ecommerce Platform

The video begins with an introduction to OpenCart as an open-source e-commerce platform. The speaker advises against paid hosted e-commerce programs due to limited customization options and suggests open-source alternatives like Magento and PrestaShop. The plan is to download OpenCart, upload it to a live web host with a domain, and set it up. Inmotion hosting is recommended for shared hosting, and an affiliate link is provided for discounted packages. The project example is an online shop called 'DJ Outlet' selling DJ equipment, with a customized logo and color scheme. The video will cover the full setup process, including front-end features like product wish lists, authentication, and product details pages with reviews and related products.

05:00

πŸ’» Setting Up Hosting and Database for OpenCart

The second paragraph explains the process of setting up hosting and a database for OpenCart. The speaker details the use of cPanel for creating a MySQL database and a user with full privileges. It also covers the installation of OpenCart, which involves downloading the platform from its official website, extracting the files, and uploading them to the web host via FTP using a client like FileZilla. Special attention is given to renaming configuration files and ensuring that the upload folder contains only the necessary files for the website.

10:04

πŸ”§ Installing and Configuring OpenCart

The speaker walks through the installation process of OpenCart by accessing the installation directory through a web browser and proceeding step by step. The installation includes checking PHP versions and configurations, entering database parameters, and creating an admin account. After setup, the speaker emphasizes the importance of deleting the installation directory for security reasons and demonstrates how to access the front-end shop and the back-end admin dashboard.

15:09

πŸ› οΈ Customizing the Store: Attributes, Manufacturers, and Sliders

This section covers customizing the store by managing attributes, manufacturers, and sliders. The speaker explains how to delete sample data, such as attribute groups and manufacturers, and how to create new ones. It also shows how to set up sliders on the front end using extensions and modules, and how to manage customers and the affiliate system. The interface is praised for its intuitiveness and customizability.

20:10

πŸͺ Deleting Sample Data and Starting Afresh

The video script details the process of removing all sample data from the OpenCart installation to start from scratch. This includes deleting categories, products, attributes, banners, and manufacturers. The speaker also explains how to disable sample banners instead of deleting them and emphasizes the importance of a clean start for a new e-commerce site.

25:11

🎨 Customizing the Store's Look and Logo

The focus of this paragraph is on customizing the store's appearance, including changing the store's name, meta tags, and creating a custom logo using Photoshop. The speaker guides viewers on how to upload and set a custom logo for the store, change the store owner's information, and modify the store's settings such as the country, region, and currency. It also touches on how to change the admin view logo and customize the back end.

30:12

πŸ“š Adding Manufacturers and Categories

The speaker demonstrates how to add new manufacturers and categories to the store. This involves uploading manufacturer logos, filling out SEO URLs, and using Lorem Ipsum for category descriptions. The process of uploading product images and associating them with categories is also covered, with an emphasis on organizing the store's product offerings effectively.

35:14

πŸ“ Adding Products and Customizing the Front End

This part of the script explains how to add products to the store, including entering product details, descriptions, prices, and uploading product images. The speaker also shows how to add products to the home page using modules, and how to edit the store's CSS to change colors and other visual elements. The process of adding a slideshow to the home page using banners and modules is also detailed.

40:18

πŸ’³ Setting Up Payments and Testing the Checkout Process

The final paragraph covers setting up payment options, specifically using PayPal. The speaker guides viewers on how to install and configure the PayPal payment standard extension, enter PayPal email address, and enable the payment method. It also includes a brief demonstration of the login system and the process of adding items to the cart, applying a coupon, and checking out using the PayPal option. The video concludes with a summary of the steps taken to create a fully functional e-commerce site using OpenCart.

Mindmap

Keywords

πŸ’‘Ecommerce Website

An Ecommerce Website is a digital platform that facilitates online transactions for buying and selling goods or services. In the video, the creator guides viewers on how to build a full-featured Ecommerce Website using OpenCart, an open-source platform that allows customization and access to source code.

πŸ’‘OpenCart

OpenCart is a free, open-source e-commerce platform for online merchants. It provides a range of features for setting up an online store. The video emphasizes the benefits of using OpenCart over paid hosted e-commerce programs, highlighting its customization capabilities and community support.

πŸ’‘Web Hosting

Web Hosting is a service that allows organizations and individuals to post their website onto the internet. The video recommends InMotion Hosting for shared hosting and demonstrates how to upload and set up OpenCart on a live web host using cPanel and FTP.

πŸ’‘cPanel

cPanel is a web-based control panel that provides a graphical interface and automation tools designed to simplify the process of hosting a web site. It is used to manage databases, email accounts, and other aspects of hosting a website. In the script, cPanel is used to create a MySQL database for the OpenCart installation.

πŸ’‘MySQL Database

MySQL is an open-source relational database management system. It is used for storing, retrieving, and running queries on a database. In the context of the video, a MySQL database is created to store user information, product details, and other necessary data for the Ecommerce Website.

πŸ’‘FTP (File Transfer Protocol)

FTP is a standard network protocol used for transferring files from one host to another. In the video, an FTP client like FileZilla is used to upload the OpenCart files to the web host, which is a crucial step in setting up the Ecommerce Website.

πŸ’‘Configuration Files

Configuration files, often named 'config.php', are used to store settings of a software application. In the script, it is mentioned that the 'config.php' files need to be renamed from 'config.php-dist' before uploading to the server to ensure the application can write to the configuration settings.

πŸ’‘Product Management

Product Management involves the planning, development, and marketing of a product. The video covers how to add, manage, and customize products on the OpenCart platform, which is essential for the functionality of an Ecommerce Website.

πŸ’‘Customer Authentication System

A Customer Authentication System is a security measure that identifies users through login credentials. The video script mentions a full authentication system for customers, allowing them to log in, track orders, and contact support, which is vital for user account management and security on an Ecommerce site.

πŸ’‘Payment Gateway

A Payment Gateway is a service that authorizes credit card payments for e-commerce applications. The video discusses setting up PayPal as a payment option, which is a crucial aspect of an Ecommerce Website as it facilitates secure transactions for customers.

πŸ’‘Customization

Customization refers to the process of adapting a product or service to better suit a customer's needs or preferences. The video provides a walkthrough on how to customize the look and feel of the OpenCart store, including changing themes, editing CSS for color schemes, and creating a custom logo.

Highlights

The video demonstrates how to create a full-featured online store using OpenCart, an open-source e-commerce platform.

Advises against using paid hosted e-commerce programs due to limited customization options.

Recommends open-source platforms like OpenCart, Magento, and PrestaShop for their community support and customization possibilities.

Suggests InMotion Hosting for shared hosting and provides an affiliate link for it.

Demonstrates the process of setting up a live web host with a domain name and uploading OpenCart.

Shows how to customize the default OpenCart theme using CSS and create a custom logo in Photoshop.

Explains the features of the OpenCart front-end, including product display, authentication system, and review options.

Details the process of adding products to a cart, applying coupon codes, and estimating shipping.

Discusses the back-end features of OpenCart, including analytics, customer tracking, and support options.

Guides on setting up a MySQL database for storing user and product information.

Provides instructions on uploading OpenCart files to a web host using FTP and FileZilla.

Explains how to install OpenCart and the importance of deleting the installation directory for security.

Demonstrates how to delete sample data and start customizing the store from scratch.

Shows how to create new categories and products, and add them to the home page.

Provides steps to edit the CSS file to change the color scheme of the website.

Details the process of setting up a slideshow on the homepage using OpenCart's extension features.

Explains how to enable and configure payment options, specifically PayPal, for the e-commerce site.

Demonstrates testing the login system, applying a coupon, and simulating a checkout process with PayPal.

Mentions the ability to edit informational pages like 'About Us' and 'Privacy Policy' through the back-end.