OceanWP is a free, multipurpose, fast-growing WordPress theme that uses a unique combination of design and functionality to build amazing websites. Developed in 2016 by Nicolas Lecocq, the theme has over 800k installation and over 2 million downloads.
Eye appeal is buy appeal. This is an old adage that rings just as true for online stores as it does for physical ones. In order to remain competitive, it’s crucial that your site displays your products in a gorgeous, well-structured fashion on every device. Equally important is ensuring that you can easily manage customer information and payments on the back end.
Building a website with the OceanWP WooCommerce theme is a perfect way to achieve both of these goals in WordPress. Whatever the nature of your online business, OceanWP will take the guesswork and hassle out of showcasing your products for maximum effect. Better still, since OceanWP offers full integration with theWooCommerce plugin, you can configure, manage, and promote your e-commerce site with ease.
- OceanWP is the fastest WordPress theme with one click demo import feature and customizer based theme settings. In addition to that, it is completely page builder theme. Thus, you can create your website easily with unique design as.
- OceanWP Theme is a simple and power WordPress Theme that is also compatible with Elementor. See how easy it is to setup and use in this demo.OceanWP:: https.
- OceanWP is a WordPress theme with innovative features and is the most generous free theme I have ever seen. There is a suite of extensions that can be purchased which will extend the theme even further.
In this article, we’ll introduce WooCommerce, and discuss why it’s the perfect option for your online store. Then we’ll walk you through how to create a WooCommerce-powered website using OceanWP, and show you a few extensions you can implement to make your store even better. Let’s dive in!
An Introduction to WooCommerce
WooCommerce is a highly customizable plugin that enables you to turn your WordPress website into an online storefront. It helps you quickly and easily create a catalog of your products, comprised of product descriptions with accompanying images and information. After that, you can let visitors make purchases using several popular payment gateways, includingStripe andPayPal.
Whether you wish to sell physical products, digital items, services, or some combination of the three, WooCommerce can accommodate your specific needs. It is extremely versatile, and makes the process of organizing products, managing payments, and gathering reports easy (even for e-commerce beginners). There’s a reason why this is the number one e-commerce plugin for WordPress.
Some of the other key features of WooCommerce include:
- The ability to display product variations (i.e. different clothing sizes and colors, various software packages, etc).
- Automatic tax calculations based on country and state rates.
- Options to display customer ratings and reviews.
- Functionality that aids inaffiliate product promotion.
Although WooCommerce contains all the back-end functionality you will need to build and run your e-commerce store, you’ll still need a way to showcase your products for maximum effect. That’s where the OceanWP WooCommerce theme comes into play. By combining this versatile theme with WooCommerce, you can drastically improve your chances of making your online business a resounding success.
Your Store Deserves WooCommerce Hosting
Sell anything, anywhere, anytime on the world's biggest e-commerce platform.
How to Build an Awesome WooCommerce-Powered Store with OceanWP (In 6 Steps)
OceanWP is a fast, responsive, and highly-customizable WordPress theme. What’s more, it contains numerous templates to help you design a unique e-commerce site. Let’s talk about how to get started!
Step 1: Install OceanWP and Import Your Chosen Demo
The first thing you’ll need to do is install and activate the OceanWP theme. It includes a number of demos you can use as the basis for your store. You can pick outone of the e-commerce demos, and then customize it to suit your exact needs.
To do this, you will first need to install and activate the Ocean Extra plugin. This tool will add all the free demos to your site. After Ocean Extra is installed, you’ll be prompted to set up OceanWP via a simple wizard. Then you can select whatever demo you like. If you’re interested in one of the premium demos, on the other hand, you can access it by purchasing the OceanWP Core Extensions Bundle.
Step 2: Download and Install WooCommerce
Once your theme is activated, you’ll need to set up the WooCommerce plugin if you haven’t already done so.
You will be directed to the WooCommerce setup wizard, which we recommend going through. It will help you set up all the basic details of your e-commerce business, including your store’s address, the currency you’ll use, and the kinds of products you’ll be selling. You also have the option to choose the units that will be used to measure your products, and to determine how shipping will work. Finally, you also have the choice to integrate WooCommerce with the Jetpack plugin, giving you access to a variety of useful features.
Once you’ve completed the wizard, you should see a WooCommerce option in the main menu of your WordPress dashboard. You’re now ready to start adding products!
Step 3: Add Your Products Using WooCommerce
By navigating to Products > Add New, you can now start adding wares to your e-commerce store. This intuitive process involves naming the item, writing up a product description, and uploading the corresponding image for the product. You also have the option to add an image gallery to each product. This can be particularly useful if you offer variations on a single item (i.e. a shirt with the same design that’s available in different colors).
After you’ve input the basic elements above, you can use the WooCommerce Product Data window below the WordPress editor to add in the crucial e-commerce details. This includes the product’s price and tax status, as well as the shipping details (weight, dimensions, post class, etc).
In addition, you have the option to link additional products to the product description (for upselling or cross-selling applications), and to specify customizable attributes (such as clothing sizes and colors).
Once you have finished adding and customizing your product pages, you can further enhance them with some of the extra features offered by OceanWP.
Step 4: Optimize Your Products with OceanWP
At this point, you have a basic but functioning store in place. Now, it’s time to tailor the look and feel of your WooCommerce site to meet your unique needs. When you select a new or existing product, you can scroll down to the OceanWP settings. Here, you can configure everything from the layout of your products to the color of the link text, to the logo you want featured on the page (which is handy if the product you are uploading is associated with a particularly well-known brand).
OceanWP will also ensure that your product descriptions are optimized for mobile device browsing. Some demos (such as Store) have pre-configured product displays, which you can replace or customize to your liking. More importantly, you can add your product descriptions to your website’s homepage. This can be extremely handy if you want to showcase your latest stock or your most popular products.
Remember to save your product descriptions as drafts, or publish them once you have finished filling in all the necessary sections. Then, you can assign your products to categories in order to keep them organized.
Step 5: Build Item Categories
Using the WooCommerce plugin, you canconfigure the kinds of product categories you wish to add to your store. Simply navigate to Products > Categories, and you will have access to a number of options.
For example, you can decide whether you want to have parent categories that contain various subcategories. For example, one parent category might be Menswear, with Jackets and Pants acting as subcategories. You also have the option to add thumbnail images to go along with each category.
Oceanwp Theme Documentation
Every category you create will display as a page in OceanWP. If you have chosen an e-commerce demo, you will see that default categories have already been created. You are free to customize those categories as you wish. Visitors will then be able to refine their category searches by filtering results according to price, size, or other parameters you decide to include. This, in turn, will make it easier for them to make purchases.
Step 6: Tweak Your Cart Display and Checkout Settings
OceanWP enables customers toautomatically view what’s in their cart whenever a new product is added to it. Better still, the default Mini Cart feature makes it easy for mobile device shoppers to get a clear and concise overview of the products they’ve purchased.
To make things even easier for your customers, OceanWP also helps you implement a streamlined multistage checkout system. This enables buyers to review their purchases, and select payment and shipping details with even greater ease, no matter what device they’re using.
Although these WooCommerce-specific features are included by default, you are given the ability to further tweak their appearance using theElementor page builder (which is bundled with OceanWP). With a little time and patience, you’ll have your e-commerce store looking great and performing perfectly in no time!
Related: How to Run a Successful Sale on Your WooCommerce Website
4 OceanWP Extensions to Improve Your WooCommerce Store
Oceanwp Theme By Nick
The steps outlined above cover all the building blocks necessary to create an awesome WooCommerce site. To help you further improve your store, however, OceanWP also offersseveral handy extensions. Once you have purchased an extension, you will receive a license key, which you can activate by navigating to Theme Panel > Licenses.
Let’s take a look at how each of these extensions can help your e-commerce business go the extra mile.
1. Woo Popup
This simple yet effective extension displays a pop-up when one of your customers adds an item to a cart. This pop-up displays the price total (and the number of items in the cart), and gives the customer the choice of continuing to shop or moving on to the checkout screen.
Usingthe Woo Popup extension, you can:
- Enhance the user experience on all devices, by creating a more streamlined shopping experience.
- Customize the color, size, and text of the pop-up.
- Reorganize the elements of the pop-up to better match your branding.
Price: Woo Popup can be used on a single site for $9.99 per year. Alternatively, you can also access it by purchasing OceanWP’s Core Extensions Bundle — licenses start at $39 per year.
2. Product Sharing
In order to maximize your client base, you need to ensure that your product descriptions are easily shareable on social media.The Product Sharing extension makes this process quick and easy.
Using this extension, you can:
- Add Facebook, Twitter, Pinterest, and email sharing buttons to each product.
- Customize these sharing buttons to better match your branding.
- Use a child theme to edit social sharing capabilities
Price: Product Sharing is free to download and use on your OceanWP site.
3. Portfolio
To help your store stand out from the competition, it’s important to show off your products in the most eye-catching way possible.The Portfolio extension enables you to display your wares prominently on any page of your site. You can customize margins, overlay colors, and tweak typography to match your desired aesthetic.
Using Portfolio, you can:
- Effortlessly adjust image and column numbers, enabling you to showcase your products in a way that compliments your aesthetic.
- Assign categories to your portfolio, which can correspond with your product categories.
- Create an image portfolio that is 100% responsive on virtually any mobile device (you will also have the option to preview what your portfolio will look like on various devices before you publish it).
Price: The Portfolio extension can be implemented on one site for $9.99 per year, or accessed by purchasing the Core Extensions Bundle.
4. White Label
Whatever the nature of your e-commerce store, proper branding is crucial in order to create a rapport with prospective customers. To that end,the White Label extension lets you replace instances of the OceanWP name on your site with your own brand name. It also offers ways to rename elements of your site so that they’re more optimized for search engines.
Using the White Label extension, you can:
- Add your brand name to all admin pages.
- Change the theme name, URL, and description.
- Replace the theme screenshot with one of your own choosing.
Price: White Label can be added to a single OceanWP installation for $9.99 per year. It’s also included in the Core Extensions Bundle.
Related: How to Use Printful to Sell T-Shirts and Other Swag with WooCommerce
Are You Ready to Woo?
Creating a successful e-commerce business requires careful planning, a sound creative vision, and some dedicated work. However, by combining theWooCommerce plugin with the OceanWP WooCommerce theme, you can build a gorgeous online store in no time, and save yourself plenty of hassle and frustration in the process.
Register for just $2.99
Normally $49.95
Register NowRelated Articles
My name is Nicolas and I’m the founder of OceanWP
a totally free WordPress theme with premium features and quality.
Here, I would like to tell you why I’ve created this theme in the first place.
Back in 2012 – I wanted to create a blog. So I searched the web on how to create a website, and I found WordPress.
At that time, I didn’t know what it was, and I watched several tutorial videos on how to use it. Thereafter, I began to change the default WordPress theme, the result was very bad. After watching several tutorials and videos, it began to look like something.
Then, by dint of improving free themes by adding new features, I realized that I loved doing that.
The next step was to improve my skills even more. In 2013, I started working in a small business selling WordPress themes. This lasted a few months, but was crucial because I learned a lot about WordPress development.
During 2014 & 2015 – I worked as a freelancer, creating sites with WordPress. That’s when I noticed a huge pain point. There were a lot of free themes in WordPress theme library, but none that exactly suited the client projects. So for every project I worked on, I had to either create a complete theme or purchase a premium theme. Not only was this process time consuming, but it also increased the price of the service. On top of that, customers would often ask me how to do such and such manipulation due to the complexity of some premium themes.
So, the idea of creating a free theme that I could change depending on the project came to mind.
After months of hard work in 2016, I built OceanWP – a completely free and easy to set up theme, meant to make the web a better place.
What’s great is that the theme is just as good for developers as it is for clients. The functionality of the theme can be extended with free and paid extensions.
Developers will appreciate the extensible codebase, which makes the theme a joy to customise and extend.
With the OceanWP theme, anyone can create a professional looking, beautiful website regardless of their web design/development experience.
I am sure you’ll love the OceanWP theme. If you have any feedback or questions, please feel free to send me a message with your suggestions. I look forward to hearing from you.
Founder, OceanWP
Follow me: Twitter | Facebook
Subscribe to the OceanWP Newsletter!
Be the first to receive news, updates & notifications.
Join our subscribers who get content directly to their inbox.
Oceanwp Theme Review
We will never send you spam. Your email address is secure.