> For the complete documentation index, see [llms.txt](https://clawcrane-docs.secretbakery.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://clawcrane-docs.secretbakery.io/help/how-to-create-a-landingpage.md).

# How to create a Landingpage

We'll create a dedicated landingpage [like this example](https://clawcrane.myshopify.com/pages/landingpage-example-1) - don't worry, it's not that hard. 😊 Of course the guide assumes that you have already completed a basic setup of [Claw Crane](https://apps.shopify.com/claw-crane) and it is set to "enabled".

![](/files/-MB3zQvHMbqwzP7qcPiH)

### Step 1: Create a Page or Blogpost in Shopify

![](/files/-MB3z0qJlLjGc1D2I7z8)

### Step 2: Copy the template for the landingpage

Copy the code from the blue box below (you can use the "copy" button in the top-right of the box).

```



<link rel="stylesheet" type="text/css" href="https://s3.app.secretbakery.io/sal-gitbook-assets/lp1.css" />
      
            <div class="sal-landing-card">
              <div class="sal-landing-header">
                  <img src="https://s3.app.secretbakery.io/sal-gitbook-assets/clawcrane_landingpage_banner_1.png">
              </div>
              <div class="sal-landing-content">



                <h2>
                  
                  Win cookies!
                
                </h2>


                Hey, want to win some cookies?! Due our anniversary week we're giving away free cookies to the brave and lucky.
                
                
                <div class="sal-landing-button-wrapper">
                    <div class="sal-landing-button claw-animation-shake claw-link-start-interaction"
                    style="background-color: #FF084E; color: #FFFFFF;">



                        I'm feeling lucky



                    </div>
                </div>
                    

              </div>
            </div>
```

### Step 3: Switch the Shopify editor to "HTML View"

![](/files/-MB43Q1C48grmMWZ-yAm)

### Step 4: Paste the code & change the text

Now just paste the template code from before. You'll maybe also want to adjust some of the text like `I'm feeling lucky` , `Win cookies!` or`Hey, want to win some cookies?!`.

![](/files/-MB47xgAGQPHZ196-zgS)

After that hit "Save" and you're done. Whoohoo! 😁🎉 Click on `View on your online store` to see your new landingpage.

#### Does your layout break after editing the text?

This is due to the Shopify editor removeing some of the template code from above.

* Switch back to HTML code.
* Paste the following code at the very top.

```
<link rel="stylesheet" type="text/css" href="https://s3.app.secretbakery.io/sal-gitbook-assets/lp1.css" />
```

### Step 5: Disable Greeter Icon (optional)

Since now you have a dedicated landingpage, you might not want to have the Greeter icon all around your store. You might want to [disable it entirely](/help/restrict-to-specific-pages.md#option-2-disable-the-greeter-icon-and-use-langingpages-starter-buttons) or [restrict it to specific pages](/help/restrict-to-specific-pages.md#option-1-restrict-to-specific-pages).

![Optional: Disable Greeter Icon](/files/-MBUHSTdd36Pvp7vzVQs)