> 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/starter-buttons.md).

# Starter-Buttons

## What are Starter-Buttons? - When are they useful?

They allow to start the game without using the Giftbox-Icon.

You can declare ANY element a **Starter-Button** on a Shopify Page or Blogpost of your store. When a customer clicks on that element (e.g. a button) the game is kicked off.

This is useful for [**Dedicated Landingpages**](/help/how-to-create-a-landingpage.md) when you e.g. run a **Facebook Campaign.**

![Example how an element can be used as a dedicated Starter-Button](/files/-MA71dhJ2H-jf_5mQfzy)

## How to place a Starter-Button on a Landingpage?

#### Step 1: Create a page or Blogpost

<div align="center"><img src="/files/-MA7710wT4ReoSCDUYNL" alt=""></div>

#### Step 2: Switch to Code-View

![](/files/-MA78hdWn1FwVqn3_Mx3)

#### Step 3: Add a link that starts the game

Any element decorated with the class `claw-link-start-interaction` will work. See the example below, where a link is decoreted as a starterbutton.

```
<a class="claw-link-start-interaction">I'm feeling lucky</a>
```

####

#### Step 4: Decorate the link

Make the link **shake** (`claw-animation-shake`):

```
<a class="claw-animation-shake claw-link-start-interaction">I'm feeling lucky</a>
```

Make the link **shoot confetti** (`claw-animation-confetti`):

```
<a class="claw-animation-confetti claw-link-start-interaction">I'm feeling lucky</a>
```