DappHero Docs
  • Getting Started 👋🏽
  • DappHero Basics
    • How does it work? 🧐
    • Setting Up Your Project 🏗️
      • Projects
      • Smart Contracts
    • An Intro to Features 🎁
  • Features
    • Network ⛓️
    • User 🤖
    • 3box 👯‍♂️
    • Smart Contracts 👩🏾‍🔬
      • Adding Smart Contracts 🏗️
        • Contract Details
      • Create a Method Instance
      • Inputs
      • Invoke
      • Outputs
      • Events
      • Advanced: Automatically clearing Inputs
      • Advanced: Getting the Current User's Address Dynamically
      • Advanced: Sending ETH to a contract method
      • Listening to Events
      • Resources: Learn More
      • Resources: Test Contracts
    • Collectibles 🃏
      • Getting Started
      • Single Collectibles
      • Listing Collectibles
      • Displaying Token Metadata
      • Advanced: $CURRENT_USER
      • Advanced: $URL
      • Advanced: $THIS
      • Advanced: Properties
      • Calling Smart Contracts inside Collectibles
      • Collectible Example
  • No-Code Integrations
    • Webflow 🎁
      • Getting Started with Webflow
      • Add DappHero Elements
      • Learn more about WebFlow
  • Examples
    • Coming soon...
  • Advanced
    • Engine Events
    • Force Refresh
    • Database
    • Ethereum Provider
  • Updates
    • ChangeLog
  • Bug Bounty
Powered by GitBook
On this page
  • 1. Signup
  • 2. Create a new project
  • 3. Create or Add smart contracts (optional)
  • 4. Copy your custom script tag
  • 5. Embed the script tag in your webpage: (Raw HTML Version)
  • 5. Embed the script tag in your webpage: (WebFlow Version)

Was this helpful?

  1. DappHero Basics

Setting Up Your Project 🏗️

The basics.

PreviousHow does it work? 🧐NextProjects

Last updated 4 years ago

Was this helpful?

Getting started with DappHero is easy!

  1. Signup, login, and create a new project.

  2. Copy your custom script tag and embed it in your website, right before the closing </body> tag.

  3. Tag your elements and check out the awesomeness!

1. Signup

2. Create a new project

3. Create or Add smart contracts (optional)

4. Copy your custom script tag

5. Embed the script tag in your webpage: (Raw HTML Version)

5. Embed the script tag in your webpage: (WebFlow Version)

When starting with WebFlow from scratch, you will need at least a to add custom script tags. You can always start by cloning our Custom Templates which already have the script tag embedded.

Like Webflow? Love No-Code? Head over to

Here is a version of how to add your script tag so you can understand where it needs to be. Regardless of your no-code tool or website builder, the script tag location should be more or less the same. A quick primer on .

Lite Account
Getting Started with Webflow
bare-bones HTML
adding script tags
You can edit your smart contract on the "Contracts" tab which will be visible on the menu to the left.
This script tag is the MAGIC of DappHero, it must be incorprated into your project to work.
Example of where to place your Script Tag in Glitch
This should be similar for most sites that allow you to edit HTML