Getting Started

⚡ Overview

Getting started with Fuze takes just a few minutes. You don’t need a backend, smart contract knowledge, or complex blockchain setup.

You’ll be integrating blockchain-based access control and token gating in 3 steps:

  1. Connect your platform

  2. Insert the integration snippet

  3. Configure what’s tokenized (e.g. content, buttons, pages)

Let’s walk through each step.

🧩 Step 1: Choose Your Platform

Fuze supports integrations for multiple frontend platforms. Select the one you’re working with:

  • Shopify → Add token checks to product pages

  • WordPress → Control visibility of posts and blocks

  • Webflow → Embed access-controlled sections visually

  • Notion → Lock docs or pages to token holders

  • Framer → Tokenize parts of your design system

  • React → Use @fuzeai/react SDK for full control

Once selected, you’ll get a personalized integration snippet and starter configuration.

🧠 Step 2: Understand the Integration Snippet

Your code snippet looks like this:

<script src="https://cdn.fuzeai.tools/integration.js"
  data-platform="shopify"
  data-type="product-access">
</script>

What it does:

  • Loads the Fuze integration script

  • Identifies which platform you're using (data-platform)

  • Sets the mode (e.g. product-access, content-gate, etc.)

📌 Important: Always place the script before the closing </body> tag for best results.

🔗 Step 3: Token Gate Something

Once the snippet is live, Fuze will detect it and initialize the connect flow and UI logic. Depending on your platform, you'll get:

  • A wallet connect button

  • Token ownership detection

  • Conditional rendering based on access

You’ll also be able to customize:

  • Which token to check (SPL token or Metaplex NFT)

  • What logic to apply (e.g. "must own X token", "must hold > 10", etc.)

  • Fallback states (e.g. show button if not connected, or blur content)

🎓 Optional: Enable Tutorial Flow

Fuze includes a lightweight onboarding tutorial that can be toggled on for users. It helps guide them through:

  • Connecting Pahntom

  • Checking ownership

  • Gaining access or being prompted to mint

You can enable it with:

<script data-tutorial="true" ... />

✅ Next: Integration Examples

Once you’re up and running, head to the next section to explore copy-paste examples for each platform:

  • Shopify product gating

  • WordPress content hiding

  • Webflow dynamic visibility

  • React SDK with full config

PreviousIntro to Fuze AINextIntegration Examples

Last updated