> 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

{% 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="/files/1jmEzt1OTskmpOdu7ArW" 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="/files/VFZ59rzSKlEVXqb2sWRQ" 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="/files/qRfwaT3MNcSNI0rNvC2e" 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="/files/m3gFEsGZxpgwHSb3KbdW" alt=""><figcaption></figcaption></figure>