Shopify web development is the work of building, customising and extending online stores on Shopify. Developers use Liquid (Shopify's template language), HTML, CSS and JavaScript for themes, and Shopify's GraphQL APIs for apps and custom storefronts.
There are 6 types of Shopify web development: custom theme development, theme customisation, custom app development, headless development, store migration and performance optimisation. A development project runs through 7 steps, from defining requirements to launch and support.
The cost depends on the theme route, integrations and data migration. At Intelivita, Shopify builds start from £2,999 on an existing theme and reach £11,999 or more for a custom build with integrations, excluding VAT.
What Is Shopify Web Development?
Shopify web development is the process of building and customising ecommerce websites on the Shopify platform. It includes designing the store, setting up products, integrating payment systems, customising themes and building features that Shopify does not provide by default.
Shopify web development lets a business launch a professional online store faster than building ecommerce software from scratch, because Shopify hosts the store and provides the checkout, payments and admin. Owners manage inventory and orders in the Shopify admin, and developers add the design and features the business needs.
Shopify web development is important because it enables businesses to establish a professional online presence quickly. It offers businesses flexibility in store design and functionality, making it easier for owners to manage inventory, process transactions, and grow their brand. Shopify's tools and flexibility allow developers to build custom features and unique experiences for users.
Shopify launched in 2006. For the platform itself, read what Shopify is and what a Shopify website includes.
What does a Shopify developer do?
A Shopify developer is a web developer who builds and changes the code behind Shopify stores. The work covers 4 areas: themes in Liquid, HTML, CSS and JavaScript; custom apps that use Shopify's GraphQL APIs; checkout extensions and Shopify Functions; and integrations with systems such as ERP or warehouse software.
Merchants manage products, orders and settings in the Shopify admin without code. A developer is needed when the store requires a custom design, a feature no app provides, or a connection to another system.
How do you become a Shopify developer?
To become a Shopify developer, learn HTML, CSS and JavaScript first, then Liquid, Shopify CLI and Shopify's GraphQL Admin and Storefront APIs. A Shopify Partner account gives you development stores to practise on.
A development store is a Shopify store that Partners use to build and test themes and apps with test data. It cannot be transferred to a client; Partners use a separate client transfer store when they build a store for a merchant.
Which coding language does Shopify use?
Shopify uses Liquid, an open-source template language created by Shopify, for its themes, together with HTML, CSS and JavaScript. Apps and custom storefronts connect to Shopify through its GraphQL APIs. The Shopify platform itself is built on Ruby on Rails, but merchants and theme developers do not write Ruby to build a store.
| Part of the store | Languages and tools | Used for |
|---|---|---|
| Theme | Liquid, HTML, CSS, JavaScript | Page templates, sections and blocks |
| Theme tooling | Shopify CLI | Previewing and deploying themes. Theme Kit, the older tool, is deprecated. |
| Apps | GraphQL Admin API, Shopify CLI; back end in the developer's chosen language | Features Shopify does not provide |
| Checkout and business logic | Checkout UI extensions; Shopify Functions in Rust, JavaScript or another language that compiles to WebAssembly | Checkout changes, discount, shipping and payment rules |
| Headless storefront | Hydrogen (React Router), Storefront API (GraphQL), Oxygen hosting | A storefront built outside the theme system |
What Are The Different Types Of Shopify Web Development?
The different types of Shopify web development are custom Shopify theme development, theme customisation and storefront tuning, custom Shopify app development, headless Shopify development, Shopify store migration development, and Shopify store web performance optimisation.
Custom Shopify Theme Development
Custom Shopify theme development is designing and building a theme around one business's brand, products and customer journey. It gives the store its own layout, typography, colours and page sections instead of a shared template.
Developers build the theme in Liquid, HTML, CSS and JavaScript, and use Shopify CLI to preview and deploy it. Online Store 2.0 themes use JSON templates and sections, so merchants can add, remove and reorder sections in the theme editor without code.
Theme Customisation And Storefront Tuning
Theme customisation and storefront tuning is adjusting an existing theme, ready-made or custom, to improve its appearance, usability and speed. It suits stores whose theme works but needs brand changes, new sections or faster pages.
Developers make visual and functional changes with Liquid, CSS, JavaScript and Shopify's theme editor, and remove app code the store no longer uses. Changes are built on an unpublished copy of the theme, so the live store keeps trading while the work is done.
Custom Shopify App Development
Custom Shopify app development is building an app that adds a feature Shopify and the Shopify App Store do not provide, such as syncing stock with a warehouse system or automating order tagging.
Developers create the app with Shopify CLI and connect it to the store through the GraphQL Admin API. Shopify made the REST Admin API legacy on 1 October 2024, and all new public apps have had to use the GraphQL Admin API since 1 April 2025. Apps can add theme app blocks, checkout UI extensions and Shopify Functions, which run custom discount, shipping and payment logic.
Headless Shopify Development
Headless Shopify development separates the storefront (what shoppers see) from Shopify's back end, which still handles products, orders, customers and checkout. The storefront is a separate web app that reads store data through the Storefront API, Shopify's GraphQL API for customer-facing data.
Shopify's own headless stack is Hydrogen, a framework built on React Router, hosted on Oxygen, Shopify's serverless hosting for Hydrogen storefronts. Oxygen is included at no extra charge on paid Shopify plans, except Agentic plans. Teams can also build the storefront with another framework, such as Next.js, and host it elsewhere.
Shopify Store Migration Development
Shopify store migration development is moving an online store from another platform, such as WooCommerce, Magento (Adobe Commerce), BigCommerce or Wix, to Shopify. The aim is to keep products, customers, order history and search traffic.
Developers import data in Shopify's recommended order: products first, then customers, then historical orders. They use CSV files, a migration app or the Admin API, and map every old URL to its new Shopify URL with a 301 redirect. Customer passwords cannot be imported because they are encrypted on the old platform, so customers receive an account invite to set a new password. The old store keeps trading until the domain switches to Shopify.
Shopify Store Web Performance Optimisation
Shopify store web performance optimisation is making store pages load and respond faster, on mobile data as well as broadband. Slow pages make shoppers wait for products, images and the cart.
Shopify serves theme files and images from its own content delivery network (CDN), so developers focus on what the theme and apps load. The work includes compressing and resizing images, lazy loading images below the fold, minifying CSS and JavaScript, and removing app scripts the store no longer uses. Google PageSpeed Insights and the Core Web Vitals report in Google Search Console show which pages need work.
Shopify theme vs headless Shopify: which should you choose?
Choose a Shopify theme for most stores, and headless Shopify only when the storefront needs something a theme cannot do. Both use Shopify's back end and Shopify's checkout; they differ in how the storefront is built and hosted.
| Feature | Shopify theme | Headless Shopify |
|---|---|---|
| Storefront | Liquid theme, hosted by Shopify | Separate web app, such as Hydrogen or Next.js |
| Hosting | Included in the Shopify plan | Oxygen for Hydrogen (no extra charge on paid plans except Agentic plans), or your own hosting |
| Content editing | Shopify theme editor | A headless CMS or developer changes |
| App Store apps | Most storefront apps install into the theme | Storefront features of apps need custom integration |
| Checkout | Shopify checkout | Shopify checkout |
| Build and upkeep | Lower | Higher: two systems to maintain |
| Suits | Most stores, including large catalogues | Custom front-end experiences, content-led brands, several front ends from one store |
How To Design And Develop A Shopify Website?
To design and develop a Shopify website, a team follows 7 steps: define requirements, choose the theme route, design the key templates, build the theme, set up data, apps and integrations, test, and launch. A store on a ready-made theme can skip steps 3 and 4.
Step 1: Define requirements and scope
List what the store must do: products and variants, markets and currencies, B2B or retail, integrations, and the apps you already pay for. The output is a scope that the design and build are estimated against.
Step 2: Choose the theme route
Choose 1 of 4 routes: a ready-made theme from the Shopify Theme Store, a customised ready-made theme, a custom theme, or a headless storefront. The route sets most of the cost and timeline, so it is decided before design starts.
Step 3: Design the key templates
Design the home, collection, product and cart pages for mobile and desktop, usually in Figma. Approving these 4 templates first fixes the look of every other page.
Step 4: Build the theme
Build the theme in Liquid, HTML, CSS and JavaScript with Shopify CLI, on a development store or an unpublished theme. Build sections and blocks so the team can edit content in the theme editor after launch.
Step 5: Set up data, apps and integrations
Import products, customers and orders, then configure payments, shipping, tax and currencies. Shopify integrates with payment providers including Shopify Payments, PayPal and Stripe. Install only the apps the store needs, and connect ERP, accounting or warehouse systems through their APIs.
Step 6: Test the store
Test every page on phones, tablets and desktop browsers, and place test orders through the checkout with Shopify Payments in test mode. Check redirects from old URLs, page speed and email notifications before launch.
Step 7: Launch and support
Connect the domain, publish the theme and switch on redirects. After launch, check orders, emails and Google Search Console, then keep the theme and apps up to date as Shopify changes.
How Much Does It Cost To Develop A Shopify Website?
At Intelivita, developing a Shopify website costs from £2,999 for a store on an existing theme, £7,999 for a custom theme, and £11,999 or more for a custom build with integrations, excluding VAT. Other agencies price differently, and the scope affects the cost more than the platform does.
The build cost depends on 5 factors:
- The number of page templates designed and built
- Catalogue size and the data that needs migrating
- Integrations with ERP, warehouse, accounting or CRM systems
- Custom apps or Shopify Functions
- A headless build or Shopify Plus features
Running costs are paid separately to Shopify and app developers. Shopify's UK plans cost from £19 a month (Basic, paid yearly) to £259 a month (Advanced), and Shopify Plus starts at £1,800 a month, as listed on 13 October 2026. Card fees with Shopify Payments range from 2% + 25p on Basic to 1.3% + 25p on Plus. Paid themes, app subscriptions and support are extra. See the full cost of website development for other platforms.
When should you hire a Shopify developer?
Hire a Shopify developer when your store needs a custom theme, a feature no App Store app provides, an integration with another system, a migration from another platform, or Shopify Plus checkout work. If a ready-made theme and existing apps cover your needs, you can build the store yourself in the Shopify admin.
When you compare developers or agencies, check 3 things: Shopify stores they can show you, whether they build apps and integrations as well as themes, and what support they offer after launch. To discuss a project, see our Shopify development agency page.
What Are The Best Practices For Shopify Website Development?
The 6 best practices for Shopify website development are to build with Online Store 2.0 sections, design for mobile first, keep apps to the ones you use, optimise page speed, protect SEO with redirects and metadata, and test checkout before every release.
- Build with Online Store 2.0 sections. Merchants can then change pages in the theme editor without a developer. Avoid hard-coding content into Liquid templates.
- Design for mobile first. Lay out product and cart pages for a phone screen, then scale up. Avoid desktop designs squeezed onto mobile.
- Keep apps to the ones you use. Each app can add scripts to every page. Remove an app's code when you uninstall it.
- Optimise page speed. Compress images, lazy-load below the fold and check Core Web Vitals in Google Search Console.
- Protect SEO. Write unique titles, meta descriptions and product descriptions, and add a 301 redirect for every URL that changes.
- Test checkout before every release. Place a test order after each theme or app change, because checkout errors cost sales directly.