Claw Crane: FAQ
  • Overview
  • Help
    • Getting Started: Basic Setup
    • How to look good
    • How to create a Landingpage
    • Starter-Buttons
    • Restrict to specific pages
  • How did other merchants use ClawCrane?
    • Overview
    • Kawaii Slime Company
    • Nuestro Secreto
    • Bart and Judy's
  • Updates: What's new?
    • 2020-06-22 - Sidebar
  • Other
    • Translations
Powered by GitBook
On this page
  • What are Starter-Buttons? - When are they useful?
  • How to place a Starter-Button on a Landingpage?

Was this helpful?

  1. Help

Starter-Buttons

PreviousHow to create a LandingpageNextRestrict to specific pages

Last updated 4 years ago

Was this helpful?

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 when you e.g. run a Facebook Campaign.

How to place a Starter-Button on a Landingpage?

Step 1: Create a page or Blogpost

Step 2: Switch to Code-View

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>
Dedicated Landingpages
Example how an element can be used as a dedicated Starter-Button