CatchOn Labs
Search
K

Integrate with Webflow

Hook up web3 app into my own webflow website

Set up webflow page

  1. 1.
    Open webflow and stylize webflow website. https://webflow.com/ (we will our our template an example.)
  2. 2.
    Go to Catchon website and copy the integration section code. Here is our template website: https://webflow.com/made-in-webflow/website/box-cat-planet-d730b5d2aee3ddfc2a788c86
  3. 3.
    Go to webflow designer page. Add an embedded code section. Copy and paste the integration section into code editor. Click Save.
  4. 4.
    Create a connect wallet button. Go to element setting -> custom attributes, then click add. Input name "connectbutton" and value 0.
  5. 5.
    Create a mint button. Go to element setting -> custom attributes. then click add. Input name "mintbutton" and value 0.
  6. 6.
    Click Publish and then choose the domain to publish.
You are all set! Now we can use the website to mint NFTs.

Test minting now!

After someone mints NFTs, we can find the updated mint information in Catchon panel.
The NFT creator can withdraw NFT sales money from smart contract by clicking withdraw money button.