> For the complete documentation index, see [llms.txt](https://help.webhash.com/webhash-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.webhash.com/webhash-docs/how-to-edit-every-component-on-your-website/payment-blocks-monetize-your-web3-presence/crypto-pay.md).

# Crypto Pay

How to add Crypto Pay block to your Decentralized website

{% embed url="<https://youtu.be/xA0zsFHsF_Y>" %}

#### **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.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2F0xCiHRc0MxwsHmpB3Mtw%2FScreenshot%202024-10-23%20at%202.00.45%E2%80%AFAM.png?alt=media&amp;token=1c1dcd07-ab2d-4c7b-9fdb-f521bf6d642b" alt=""><figcaption></figcaption></figure>

* **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.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2FDDcZ7Fofap83r52QrbyY%2FScreenshot%202024-10-23%20at%202.01.05%E2%80%AFAM.png?alt=media&amp;token=da928eea-917f-41cc-a941-44f2a89ad1b5" alt=""><figcaption></figcaption></figure>

* **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"**).

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2Ftdk0NH0pNkj6xBRSe4ys%2Fcrypto_pay_block-Thumbnail.jpg?alt=media&amp;token=4d0aee81-a350-494f-b8e0-d01da0ccd097" alt=""><figcaption></figcaption></figure>

* **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.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2FnPc4bK9MEW7YPPY3HgBL%2FScreenshot%202024-10-23%20at%202.01.42%E2%80%AFAM.png?alt=media&amp;token=84e1048c-80ff-4a3a-94a6-1d1d0a189145" alt=""><figcaption></figcaption></figure>