Integration Examples

Fuze works seamlessly across multiple platforms with minimal setup. Below are real-world code examples and usage patterns to help you tokenize any part of your product or content.

---

🛒 Shopify

🔒 Token-Gated Product Page

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

Behavior:

• Hides “Buy” button or product until wallet is connected and holds the correct token.

• Optionally shows a fallback message or mint button.

✅ Where to add:

• In Shopify admin, go to Themes → Edit Code → product.liquid

• Paste the script before </body>

---

🌐 WordPress

🔒 Lock Blog Post Content

<script src="https://cdn.fuzeai.tools/integration.js"
  data-platform="wordpress"
  data-type="content-gate"
  data-token="YourTokenAddressHere"
  data-chain="solana">
</script>

Behavior:

• Hides post body content unless user holds the correct token

• Replaces content with a “Connect wallet” + access prompt

---

🧱 Webflow

🔒 Tokenize a Section

<script src="https://cdn.fuzeai.tools/integration.js"
  data-platform="webflow"
  data-type="block"
  data-token="0xYourTokenAddressHere"
  data-chain="base">
</script>

Instructions:

• Add an Embed block in your Webflow Designer

• Paste the script into the block

• Surround gated elements with <div class="fuze-gated">...</div>

---

📘 Notion

🔒 Lock a Notion Page

Use the Fuze Chrome Extension or manually embed the snippet:

<script src="https://cdn.fuzeai.tools/integration.js"
  data-platform="notion"
  data-type="page"
  data-token="YourTokenAddressHere"
  data-chain="solana">
</script>

Best for: Token-only internal documents, community gated Notion wikis.

---

⚛️ React

🧠 Full React SDK Control

Install:

npm install @fuzeai/react

Usage:

import { FuzeProvider, useFuzeAccess } from "@fuzeai/react"

<FuzeProvider
  platform="react"
  token="YourTokenAddressHere"
  chain="solana"
>
  <TokenGated>
    <YourComponent />
  </TokenGated>
</FuzeProvider>

Advantages:

• Full developer control

• Conditional rendering, events, and fallback UI