Flatsome Tutorials

Learn how to build E-Commerce webshops using Flatsome & WooCommerce and convert visitors into loyal customers. Whether you're starting out or leveling up your online business, our free tutorial guides have got you covered. From mastering Flatsome basics to creating a fully-functional webshop.

Add Dark Mode Option for Flatsome Theme Tutorial

Add a Dark Mode option to your Flatsome project with this amazing WP Dark Mode...

Optimising your Product Category Page for WooCommerce

Create a better Product Category Page in WooCommerce with this video tutorial and free UX...

Manage Product Highlights in Flatsome Theme

Manage your product details with the custom product layout right inside WooCommerce.

Free Shipping Calculator for Flatsome & WooCommerce

Get more sales and show the Free Shipping Calculator in your shop cart with WooCommere...

Product Variation Swatches in Flatsome Theme

Show your product options with nice visual buttons with the product variation swatches of Flatsome.

How to use Presets & Templates in Flatsome Theme

Learn the best way to create your own page elements and designs library with the...

Creating Responsive Image Blocks with Text in Flatsome Theme

Simple way to create responsive image blocks with text elements in the Flatsome UX Builder.

How to use the Flatsome Studio with UX Builder

How to use the Pre-Made Design Library of the Flatsome Studio in the UX Builder

Responsive Buttons with Stack in Flatsome Theme

Learn how to create responsive buttons with the Stack element inside the Flatsome UX Builder.

Vertical Menu and Mobile Tabs in Flatsome Theme

Learn how to create your vertical dropdown menus with multiple layers specially for WooCommerce shops.