Webhash Docs
  • Welcome to Webhash
  • Getting Started with Webhash
  • Building Your Decentralized Website with Webhash
  • How to Edit Every Component on Your Website?
    • Standard Blocks: The Foundation of Your Website
      • Avatar👨🏻‍🦰
      • Heading 🅰️
      • Paragraph📝
      • Links🔗
      • Image 🖼️
      • Social #️⃣
      • Image Grid 🌠
      • Divider ➗
      • List 📃
      • Big Link 🔗
      • Big Paragraph❡
      • Internal Big link
      • Header Image 🖼️
      • Internal Pages 📑
      • Audio 🔉
      • Video 🎥
      • File 📁
      • Call to action
      • Phone Collector 📞
      • PDF Document
    • Web3: Bringing web3 to your website
      • Farcaster
      • Namespace
      • EFP
    • Embeds: Bringing the Web to Your Website
      • SoundCloud ☁️
      • Spotify🎵
      • Youtube📽️
      • Twitch 🎮
      • Vimeo 📹
      • TikTok Video
      • Apple Music 
      • Twitter Profile
      • Twitter Tweet ✖️
      • Pinterest Profile
      • Instagram Media
      • Tiktok Profile
      • Typeform
      • Discord Server
      • Facebook Post🗨️
      • Reddit Post
    • Advanced Blocks: Power Up Your Website's Functionality
      • RSS Feed
      • Custom HTML </>
      • Vcard
      • Alert 🔔
      • FAQ
      • Countdown
      • External Item
      • Share 🔼
      • Youtube Feed 🎥
      • Timeline
      • Review ⭐⭐⭐
      • Image Slider 🖼️
      • Mark Down ✔️
    • Payment Blocks: Monetize Your Web3 Presence
      • Paypal 💵
      • Crypto Pay
  • Connecting to ENS & Web3 Domains: Your Website's Decentralized Address
  • FAQ's on Decentralized Websites
    • What are decentralized websites?
    • How are decentralized websites different from traditional websites?
    • Why should I consider using a decentralized website template?
    • How do I get started with a decentralized website?
    • Can I use my existing domain name with a decentralized website?
    • What are the advantages of using a web template for my decentralized website?
    • Are there any technical requirements or skills needed to use these templates?
    • How customizable are the web templates for decentralized websites?
    • Can I integrate features such as e-commerce or user authentication in my decentralized website using
    • The templates optimized for search engine visibility and performance?
    • Do you offer support or documentation for using the templates?
    • Are there any limitations or considerations I should be aware of when using decentralized
    • Can I use these templates with other blockchain platforms besides Ethereum?
    • What is Ethereum Name Service (ENS) and how does it relate to decentralized websites?
    • How to publish a page on IPNS or IPFS 🔗
Powered by GitBook
On this page
  1. How to Edit Every Component on Your Website?
  2. Payment Blocks: Monetize Your Web3 Presence

Crypto Pay

How to add Crypto Pay block to your Decentralized website

PreviousPaypal 💵NextConnecting to ENS & Web3 Domains: Your Website's Decentralized Address

Last updated 6 months ago

How to Add a Crypto Pay Block:

  • Access the Block Library:

    • Open the Webhash editor and navigate to the page where you want to add the Crypto Pay Block.

    • Click the “Add Block” button at the top-right corner of the editor.

  • Search for the Crypto Pay Block:

    • Use the search bar or scroll through the block library to find the Crypto Pay Block.

    • Select the Crypto Pay Block from the list.

  • Configure the Crypto Pay Block:

    • A pop-up titled “Add a Crypto Payment Button” will appear.

    • Enter the following details:

      • EVM Wallet Address: Add your wallet address to receive payments.

      • Amount in ETH: Specify the amount you want to charge.

      • Button Name: Set a name for the payment button (e.g., "Donate" or "Pay Now").

  • Add the Block:

    • After entering the details, click Submit to add the Crypto Pay Block to your website.

  • Customization Options:

    • Click on the newly added block to explore additional customization options:

      • Image Thumbnail: Add a thumbnail image to enhance the payment block’s appearance.

      • Set Icon: Use your title name as the button’s icon.

      • Text Color and Background Color: Customize the colors to align with your website theme.

      • Border Settings: Adjust the border’s style and width.

      • Border Shadow Settings: Add a shadow effect to make the payment button stand out.