OceanWP Theme

Heard about OceanWP and want to learn all about it? Not sure whether it will work for you? Maybe you think the PRO version is not worth the money or want to know the difference between the free and paid version? Maybe you have some doubts that it might restrict your work in some way?

Worry not anymore! We're here to help. We've used this super-popular, highly-rated theme, to deliver awesome web designs and can tell you ALL about it - in a true, honest and unbiased fashion.

Our work has featured OceanWP extensively since it launched and we have lots of experience getting it to work for standard websites, eCommerce sites and blogs. We know it inside and out, the good, the bad and the ugly and will outline the ins and outs of this theme so you can decide if it’s the one for you. You can then decide whether it is right for your business!

When your website represents your brand or yourself, you want it to be the best. Is OceanWP capable of showcasing you as you deserve?

Read on to find out!

Summary

OceanWP is a free WordPress theme you can use as a standalone product within your installation or as part of a page builder framework like Elementor or Divi. The main USP of Ocean WP is its speed and as page loading is now a priority for users and for SEO, that’s a powerful inducement to use it. Did I mention the core theme is free?

Price

From free to $129 per year

Free Trial

No but core theme is free

Pros

 Ease of use - getting up and running is very simple

 

 Page speed – The theme is designed for good looks and page speed

 

 Quality demos – Even the free templates are well designed

 

 Price – The core theme is free and premium themes are well priced.

 

 Interations and extensions – Popular products such as page builders and WooCommerce integrate tightly and plenty of excellent functions available in the core bundle extensions.

Cons

 Building pages – The checkbox and selection method of page building isn’t perfect.

 

 Sole developer – OceanWP is a fairly new theme on the scene and has little track record, not a powerhouse or popular vendor.

Ease of use

Reliability

Support

Value for money

Overall

  Download theme now

OceanWP

 

OceanWP is a WordPress theme that offers great features, fast page load times and a selection of decent designs. Some of the page templates are free while others are premium. The product also has some free and premium plugins too.

According to OceanWP, the theme has been downloaded 1,560,056 times (as at the time of writing) and that number grows steadily. Why is it so popular? Two main reasons.

  1. Speed / performance
  2. Beginner friendliness

Page speed

If you build websites already, you will already know that page speed is an essential measurement of the success of any web page.

Users expect pages to load quickly and seamlessly on any device and will quickly go elsewhere if your pages don’t. Google also ranks your SEO using page speed among its other metrics so it is even more important.

OceanWP delivers on both counts. Couple this with theme with good hosting and you're on to a winning formula!

Have a look at the following speed test result run by Kinsta.

oceanwp speed test

Beginner friendly

OceanWP is also highly rated for its accessibility.

WordPress as a whole and many premium themes try to make themselves as accessible as possible with varying degrees of success. OceanWP is one that delivers on that and is easy to use, simple to set up and works well either as a standalone theme or integrates into your existing page builder if you have one.

Key Features of Ocean WP

Key features of Ocean WP

There is a lot going on with Ocean WP even though it’s ‘just’ a WordPress theme. As we usually also review page builders, it’s nice to take a step back and look at a theme instead. Especially when it’s as good as this.

Standout features for me include:

  • Fast load times
  • eCommerce compatibility
  • Responsive design
  • Content controls
  • Hook integration
  • Free and premium themes
  • Extensibility

Fast load times

I have mentioned this before so I won’t labour the point again but OceanWP is rated as one of the fastest loading WordPress themes around. That can make a huge difference to your page score and the user experience. Kinsta covered page speed in more detail and achieved a speed test score of 744ms without having to modify the page at all.

eCommerce compatibility

If you use WooCommerce, OceanWP has a lot of support for the eCommerce plugin and will enable a WooCommerce menu section within the customizer. It’s a fully-featured addition with upsells, cross-sells, different checkout options and the ability to control a wide range of selling options.

Responsive design

By now, responsive design shouldn’t be a key feature of any website theme. It should be mandatory. There are themes that give a respectful nod to responsiveness and themes that take it to heart. OceanWP is one of the latter. It works well on any screen size on any device and provides a range of options for controlling what is displayed where.

Content controls

The ability to control content, scripts and hooks on a per-page basis is another standout feature of OceanWP. You have individual post controls that let you control different pages in different ways. The ability to enable or disable CSS or scripts on certain pages to control content and load times and a range of hooks to let you build unique pages without messing with the code.

Hook integration

That hook integration is huge for developers. While hooks will take a little learning to get the hang of, once you know how to use them you can build individual pages without messing around with the design.

You can specify hooks per page, per user and even per role.

Free and premium themes

OceanWP includes access to some free templates it calls demos and some premium templates. The freebies are pretty good designs that cover most uses for such things and feature attractive designs, modern navigation and the ability to tweak or edit as you need.

The premium themes are obviously of a higher quality but not so much so that they make the freebies worthless. They include a selection of templates for most uses and are also modern in their design and practical without too many flourishes that can slow page speed down.

demos

Extensibility

OceanWP comes with some free extensions included and some additional premium addons. They offer a whole raft of options for personalising your website. They are so useful, I’m going to give them their own section of this review.

Core Extensions

Core Extensions

OceanWP comes with some free extensions that get you started. Some will be required installs depending on what theme you use. For example, the Travel theme that comes free with OceanWP requires Ocean Extra, Ocean Custom Sidebar, Ocean Social Sharing and Ocean Sticky Header. There may also be a requirement for other plugins such as Elementor or WPForms.

Other core extensions include Modal Window, Demo Import, Posts Slider, Stick Anything and Product Sharing. The website doesn’t make it clear which extensions are free and which are premium until you go into its own page. You will see ‘Get This Extension’ for the freebies and ‘Add to Cart’ for premium ones.

Check out all the extensions

Premium Extensions

Premium Extensions1

OceanWP also offers a series of premium extensions to squeeze even more utility out of the theme. They include Ocean Elementor, Ocean Cookie Notice, Footer Callout, Full Screen, Popup Login, Instagram, Portfolio, Side Panel, Hooks, Sticky Footer, Woo Popup and White Label. Each offers extra functionality to the base theme and are advertised within the OceanWP theme window but doesn’t get in the way.

At only $9.99 each, they are surprisingly good value!

See all the extension collection

How to Use OceanWP

If you have used a free WordPress theme or plugin before, OceanWP works the same. This is a key strength of Ocean WP as it uses the core functions of WordPress to its advantage.

Installing it and Recommended Plugins

Installing it is exactly the same as installing any other theme. You can install it directly from within your WordPress installation or directly from WordPress.org.

I find it easier to install templates from within WordPress where possible.

  1. Log into your WordPress installation.
  2. Select Appearance and Themes.
  3. Search for OceanWP and select Install.
  4. Once installed, select Live Preview to see how it will look.

You can edit your theme in the Live Preview or Activate and modify after. If you have a live site, you would be better to do it in Live Preview or offline.

Once installed, you will see a window listing any required plugins the demo needs to work. This uses the standard WordPress format of a list with an install button to the right so you can install all of them at once. If a plugin is not listed on that required plugin page, it will be an optional install.

Importing demo sites

Importing demo sites with OceanWP

Importing templates, or OceanWP demos as they call them is just as straightforward. When you first activate OceanWP, you will be presented with a reminder to use the setup wizard. This wizard requires the Ocean Extra extension which would have been included in the recommended plugin window earlier.

From there you select Get Started to configure your website. You will see a selection of free demos on the next page with the option to install it there and then using the Install Demo button. You can also import demo content for a new site and will reminded of any recommended plugins that particular demo requires.

WordPress Customizer settings

WordPress Customizer settings

The Ocean Extra plugin adds new ways to customise your website and makes it simple to change any installed theme in any way you want. If you open OceanWP from your WordPress dashboard, you will see the Theme Panel with the main sitewide customisation options.

You will be presented with a basic wizard to edit your template and make it exactly how you like. From adding panels to the ability to change the typography, add logos, add colour schemes, top bar options and more, you can control the general aspects of your website design from this single panel.

The top section includes checkboxes where you enable features within page and post editors. The lower panel opens up further options for logos, favicons, colours, fonts and all the things that will make the website yours.

Creating a header in OceanWP

Header design is a central part of both WordPress and OceanWP. You can control all aspects of header design and behaviour from here.

Select Upload Your Logo from the theme customizer panel or Header and Logo from the main OceanWP menu. Upload your logo, resize if necessary and you’re good to go.

If you have an existing website with a menu already, you can now select Menus and Menu Locations. This works the same as the default WordPress setup where you create different menus for different page positions. From here you can decide where your top navigation will take you and whether you use any other menu elements on the page.

Managing the blog

Managing the blog

The core blog functions are those that come as default with WordPress. From the main editor, you can control how the site looks, sidebar positions, header size and font, image sizes and more. This is all well and good and standard in WordPress but OceanWP lets you take it further.

Within the Blog Pagination menu you can control what page elements are visible on your blog pages and where they appear. You can also control author details and meta such as date, category, comments, tags and more.

Take it one step further still, you can even change the typography, colour scheme and headings within your blog and make them different to the rest of your site. I have no idea why you would do that but you can if you wanted to.

Site typography

Talking of typography, you can use the Typography menu in the customiser to control every piece of text on your website. It covers headers, menus, body text, top bar, navigation, dropdown menus, sub headers and even breadcrumb fonts. If you’re building a website, you will likely already know the power of a good font and you can integrate the core WordPress fonts with those from Google and other sources.

There is almost unlimited scope to customise the typography within OceanWP. All you need to do is come up with a font scheme from the sheer number of options available!

Elementor Integration

Elementor Integration

The ability to integrate Elementor and OceanWP together combines the power of both systems for your benefit. Elementor is an incredibly powerful page builder and can work with OceanWP to create unique designs either from scratch or by modifying an imported design.

  1. Install OceanWP as described above.
  2. Install the Elementor plugin alongside it. You will need to activate it before you can use it.
  3. Import your demo in the same way described earlier in ‘Importing demo sites with OceanWP’.
  4. Select your website name from the top left of the WordPress dashboard.
  5. Select Edit with Elementor to open the site with the page builder.
  6. Edit your site, pages or posts with Elementor and select Save when finished.

You can also open pages with the standard WordPress editor and select Edit with Elementor from the design menu.

Check out Elementor Widgets

WooCommerce integration

WooCommerce integration

WooCommerce integration is another strong point of OceanWP and ideal for implementing eCommerce elements to a standard website or building an entire online store using the OceanWP theme. The process of using the two is much the same as for Elementor.

  1. Install OceanWP first and import a demo site.
  2. Install WooCommerce and register it.
  3. Add your pages as you normally would.
  4. Select Products and Add New from the WooCommerce menu to begin filling your store.
  5. Add product images and a description into the Product Data section of the page.
  6. Set a price and appropriate tax within Product Data.
  7. Add any upsell or cross-sell elements you want to add.
  8. Save your product page.
  9. Scroll to OceanWP Settings on the product page to configure the page design or use an existing template that is included with some OceanWP demos.

Once you have product pages and have implemented your OceanWP preferences for each you can begin building categories. Select Products and Categories and configure them from there.

Each product will display as its own page within WordPress and be able to use your OceanWP preferences for design, page layout and anything else you specify. It’s a seamless combination of two very different but very powerful tools.

Check out Woo Popup

Speed Tests

Speed Tests

OceanWP is renowned for being a fast WordPress plugin and it delivers on that. While there are faster themes, this is one of the fastest fully-featured themes that you could actually build an entire website or ecommerce site out of. There’s a big difference between those two distinctions as I’m sure you know!

OceanWP recommend working with Cloudways for optimum performance but you certainly don’t have to. Their own data has a standard WordPress install using the WordPress Twenty Seventeen theme loading in 469ms. Once OceanWP had been loaded along with Ocean Extra, load times went down to 189ms.

That’s before optimising script loading and optimisation. Once OceanWP had been optimised with the included tools, page load times went down to 115ms. While that’s a single example, it demonstrates just how quickly this theme loads.

Kinsta also did a speed test with the Sports Coach demo theme and saw a load time of 744ms before any optimisation. Unfortunately there is no after speed measurement post-optimisation but we imagine it would see the same kind of improvements as the Cloudways example.

 

PROs and CONS

There are always highs and lows with any product and OceanWP is no different. In this case, the pros outweigh the cons by a significant margin.

The pros and cons of OceanWP

PROs

The positive elements of OceanWP include:

Ease of use – While there is a learning curve to truly master OceanWP, it is easy to begin building a website. Working with WooCommerce or Elementor is equally straightforward.

Page speed – The ability to build your pages as you want and for them to still be lightning fast is excellent. As is the ability to disable scripts and CSS to take that even further. As scripts are one of the main frustrations for any website owner working with a Page Speed Insight, this is a superb benefit!

Quality demos – I still call them themes but the demos that come with OceanWP are excellent too. The free ones are of a sufficient quality to have no qualms about using. The premium ones are almost universally worth using and well worth the money.

Price – The core OceanWP theme is free and nobody can argue with that price. Some of the plugins are also free and again, that is the best price. Even the premium demos and plugins are reasonably priced.

Integrations and extensions - The product has tight integration with other popular products such as Elementor and WooCommerce. It also has a bunch of core extensions ready to go, making the theme a one-stop shop, the core extensions bundle is all you need.

CONs

For once, there are only two downsides of OceanWP that I have come across so far.

Building pages can be tiresome – OceanWP is reliant on two-dimensional checkboxes or select options to build pages. That’s fine for smaller websites but can become tiresome if you’re building larger sites.

Unknown developer – While feedback for OceanWP has been universally positive, we have no idea who they are or how long they have been around. We tend to stick to established developers so maybe this is time for me to expand my horizons a bit. While working with this theme is not a problem, we get a bit edgy if you consider the longevity - who knows what might happen to the theme if it gets resold or abandoned?

Pricing

Pricing

As you have just seen in our pros section, we think pricing is a real strong point of OceanWP. The core theme is free. Some of the necessary plugins are also free. Some demos and some plugins are premium. You can buy them individually or as a bundle.

Individual plugins are $9.99 each. Bundles are Personal, Business and Unlimited and are paid annually. Lifetime licences are available too.

The Personal bundle costs $39 includes:

  • The core OceanWP theme.
  • 8 free extensions and 13 premium extensions.
  • 13 free demos and 60 pro demos.
  • License to use the premium products on 1 site.
  • 12 months of updates and support.

The business bundle costs $79 and includes:

  • The core OceanWP theme.
  • 8 free extensions and 13 premium extensions.
  • 13 free demos and 60 pro demos.
  • License to use the premium products on 3 sites.
  • 12 months of updates and support.

The Unlimited bundle costs $129 and includes:

  • The core OceanWP theme.
  • 8 free extensions and 13 premium extensions.
  • 13 free demos and 60 pro demos.
  • License to use the premium products on unlimited sites.
  • 12 months of updates and support.

Lifetime licences are available at $159 for Personal, $319 for Business and $519 for Unlimited.

Pricing is excellent. Even though the only difference between the bundles is how many websites you can install it on, the price is still reasonable. Even the lifetime license is cheaper tdhan many annual licenses!

Visit Ocean WP Now

Coupon / Discount

While we are not aware of any Ocean WP coupon code or discount going on right now, we will add any offers we have here so that you can avail yourself of them.

Testimonials

Testimonials

Mine is one voice in an ocean of millions so don’t just take my word for how good OceanWP is. These others also had good things to say.

Brian Jackson over at Kinsta said this about OceanWP:

‘OceanWP’s main draw is that it gives you the power to customize your theme in a very user-friendly, intuitive manner via the WordPress Customizer, including deep support for WooCommerce.

Through this customization, you can either create the framework for content that you design with a page builder, or you can just take more control over your theme in general.’

Adam at WPCrafter said:

‘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.’

Kevin Muldoon over at WinningWP said this about OCeanWP:

‘Those of you who are looking for a good free WordPress design will appreciate what OceanWP has to offer. The theme places most design and styling options in the WordPress theme customiser so you can see how modifications look in real time. Beginners will appreciate how much this helps when making changes.

The additional settings that are displayed under the WordPress visual editor can be used to uniquely customise every single page on your website. This opens limitless possibilities for how you build your website.’

Alternatives

Alternatives

The WordPress theme and plugin scene is full of top class competition. OceanWP is very good at what it does but it isn’t the only game in town. Astra, GeneratePress and Neve are all worthy competitors and are stronger in some ways and weaker in others.

OceanWP holds its own against all of these competitors and during a program of steady improvement that the developer has promised, it’s only going to get better!

Conclusion

It’s hard to criticise a WordPress theme that’s free. Even were it not free and you had to pay for it all, the premiums charged by OceanWP are still reasonable considering the quality of what’s on offer.

Whether you’re a new website owner or experienced developer, OceanWP makes it easy and gives you a logical process for building great looking, fast loading websites. Both elements are perfect for newcomers to WordPress and even those of us who have been around longer who still have trouble getting an ‘A’ on Google Page Speed Insights. For that alone we think OceanWP is well worth trying.

Visit Ocean WP Now

 

About the Author
David Attard
Author: David AttardWebsite: https://www.linkedin.com/in/dattard/
David has been working in or around the online / digital industry for the last 18 years. He has vast experience in the software and web design industries and niches surrounding them. As a digital consultant, his focus is on helping businesses get a competitive advantage using a combination of their website and digital platforms available today.

One more thing... Did you know that people who share useful stuff like this post look AWESOME too? ;-)
Please leave a useful comment with your thoughts, then share this on your Facebook group(s) who would find this useful and let's reap the benefits together. Thank you for sharing and being nice!

Featured On

Inc Magazine Logo  

Sitepoint logo  

CSS Tricks logo   

webdesignerdepot logo   WPMU DEV logo   

and many more!

 

 

Get Started Now With ShutterstockShutterstock

Best Rated Caching Plugin

Make your website faster 

Monstrous B-Day Party

CLICK HERE for discounts!

Monstrous bday party

How to make your website FAST!

Step-by-step - free email course, how to make your website load in less than 1 second 

 

The Outstanding HungryJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get a bundle for just $9 - ONLY!

The Hungry JPEG Awesome font bundles

 

Work with CollectiveRay.com

CollectiveRay (formerly known as DART Creations) is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)

 

Disclosure: CollectiveRay is funded personally out of pure passion for helping people working with websites. We do however generate some income through recommendations of products. This means if you click on a link and purchase an item we link to, we will receive a small sum out of that sale. We usually partner with vendors to make your purchase cheaper than buying direct.

 

InMotion Hosting CollectiveRay Deal

who are we?

CollectiveRay is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run DronesBuy.net - a website for drone hobbyists.

David attard

Follow us on Social

Follow us on Facebook   Subscribe to our RSS Feed   Follow us on Twitter

 

Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to StackPath CDN!

Web Hosting stackpath