---
title: "Using Site Studio on an existing website"
date: "2018-03-13T14:50:52+00:00"
summary: "Unlock Site Studio's power to build stunning websites. Learn to create custom styles, templates, and components, then use the intuitive drag-and-drop builder to craft engaging content effortlessly."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/using-site-studio-existing-website-0"
id: "7b3d8d50-901d-4c58-a70f-482a76aa0818"
---

After installing and configuring Site Studio, you can use it to create your website styles, templates, and components, and then create content using the drag and drop page builder.

Quick start
-----------

Use the following steps to get started:

1.  [Build a drag and drop component](/drupal-starter-kits/add-ons/site-studio/create-component "Create a component").
2.  [Add the layout canvas field to one of your content types](/drupal-starter-kits/add-ons/site-studio/adding-layout-canvas-field-content-entities "Adding the layout canvas field to content entities").
3.  [Use your component to create content](/drupal-starter-kits/add-ons/site-studio/creating-content-components "Creating content with components").