first draft

Author: Jo

docs/studio/sign-up/shopify-klevu.md

@@ -5,3 +5,40 @@ sidebar_position: 15
 ---
 
 Using Shopify, Klevu and Studio, enables you to create an e-commerce solution that combines Shopify's ease of use and reliability, Klevu's advanced search and personalization features and Studio's flexibility to meet complex business needs. You can use Klevu's search and recommendation features with the products in your Shopify store.
+
+### Step 1 - Install the Klevu -AI Search & Discover App
+
+Once you have configured Studio with Shopify, you can install Klevu.
+
+1. Go to the Shopify app store.
+2. Search for **klevu**.
+3. Select **Klevu - AI Search & Discovery**.
+4. Select **Install**.
+5. Accept the terms of service and select **Install**.
+
+### Step 2 - Create a Klevu Account
+
+Before you can integrate Klevu, you must create a Klevu account.
+
+1. From **Don't have a Klevu account?**, select **Click here**.
+2. Klevu prompts you to enter your email address.
+3. Once Klevu has verified your email address, you must enter your account details and password.
+4. Select **Activate Account**.
+5. Once the account is activated, select the Klevu solutions you want access to. We recommend that you select all three but you must have **Smart recommendations** installed to use the Studio Recommendations component.
+6. Select **Save and continue**.
+7. Klevu prompts you to provide information about your business. You can either select **Complete** or **Skip to Integration**.
+8. Klevu provides you with a checklist to help you get started. Select **Start Checklist**.
+
+### Step 3 - Create a Klevu Store
+
+Having already completed the account setup, you can add your store. 
+
+1. In **Store Name**, enter a name for your store. 
+1. In **Store URL**, add your Shopify Store URL.
+1. Finally, select your **Store Language** and **Store Timezone** from the drop-down lists.
+1. Select **Next**. The Klevu **API key** and **REST AUTH key** are displayed. Make a copy of these as you will need them later.
+1. Select **Start Using Klevu**.
+
+### Step 4 - Configure the Klevu Integration
+
+Once you have your Klevu account and store created, you can now configure your Klevu integration.

docs/studio/sign-up/shopify.md

@@ -5,3 +5,38 @@ sidebar_position: 10
 ---
 
 Using Studio with Shopify enhances and extends the e-commerce capabilities of Shopify. You can use the themes and pages that you develop in Studio in your Shopify store.
+
+### Step 1 - Create a Development Store in Shopify
+
+:::caution
+
+You must have access to the Shopify Partner dashboard.
+
+:::
+
+1. Go to the Shopify Partner Dashboard.
+2. Create a development store.  
+3. Configure the store depending on your requirements. For example, you can choose the purpose of the store, the store name, the Shopify build version, and whether to start the store with no data or some test data.
+4. Shopify prompts you to choose your account.
+5. Once the store is created, Shopify opens a new window with the store details. You can start configuring your store, for example adding products.
+
+### Step 2 - Install the Elastic Path Studio App in Shopify
+
+Once you have your development store created in Shopify, you can install Studio.  
+
+1. From your Shopify store, search for **Elastic Path Studio** or navigate to the Shopify app store.
+1. In the Shopify app store, the Elastic Path Studio app is displayed. Select **Install**.
+1. Agree to the terms of service.
+1. Shopify prompts you to specify information such as, what you want to do with Studio, how large your company is and the category that best describes your brand.
+1. Once Elastic Path Studio is installed, we recommend that you pin it to your Shopify dashboard. Otherwise, if you navigate away from your Shopify store, you will have to search for Elastic Path Studio.
+
+### Step 3 - Check your Studio Branding
+
+Once you have installed Elastic Path Studio, we recommend checking your branding to ensure that everything is displaying as you intended. From **Branding**, select **Make changes**. The Studio Style Guide is displayed. See [Using your Style Guide](/docs/studio/design/Design-&-Styles/Using-your-Style-Guide).
+
+### Step 4 - Create your Landing Pages
+
+Once you are happy with your branding, you can start creating your landing pages. 
+
+1. From **Create a new landing page**, you will now have several categories of templates that you can use. Select a template. The Studio page editor is displayed.
+2. You an use the components in Studio to quickly and easily design your landing pages. See [Building your first landing page](/docs/studio/content/Basic-Page-Editing/Building-your-first-landing-page).