# 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**](https://clawcrane-docs.secretbakery.io/help/how-to-create-a-landingpage) when you e.g. run a **Facebook Campaign.**

![Example how an element can be used as a dedicated Starter-Button](https://4285537577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA6yODvL23IO5LVDay8%2F-MA6zoNXVIvLmpgxysTc%2F-MA71dhJ2H-jf_5mQfzy%2Fimage.png?alt=media\&token=d2c7929e-4784-43c5-99ba-a24fa2e9d9fa)

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

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

<div align="center"><img src="https://4285537577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA6yODvL23IO5LVDay8%2F-MA74lByP3nwT6CF_8V_%2F-MA7710wT4ReoSCDUYNL%2Fcreate_page_blogpost.png?alt=media&#x26;token=a9076a24-f0aa-4671-8c05-5d792c2644ed" alt=""></div>

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

![](https://4285537577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA6yODvL23IO5LVDay8%2F-MA78V5xZY7PX-eUJ4kR%2F-MA78hdWn1FwVqn3_Mx3%2Fimage.png?alt=media\&token=b6a98ea4-4a01-46e0-8759-aca7fa5b8b40)

#### 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>
```