> For the complete documentation index, see [llms.txt](https://docs.aurpay.net/product-guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aurpay.net/product-guides/get-started/payment-button/wordpress-and-elementor.md).

# WordPress and Elementor

### Case 1: On your WordPress Editor

1. Go to your WordPress admin, go to the page where you want to add a Payment Button. 

<figure><img src="/files/S3J1uW6o8qwieVbbfkcD" alt=""><figcaption><p>WordPress page</p></figcaption></figure>

2. Create a Payment button and copy the **Button code** in our Aurpay dashboard.

<div align="left"><figure><img src="/files/2iz8bq3kk9Dk8Lay3NqN" alt=""><figcaption></figcaption></figure></div>

3. Add a new HTML Element, and save the Button code here

<div align="left"><figure><img src="/files/u6pOTBemJ1XttTxJTLzu" alt=""><figcaption></figcaption></figure></div>

<figure><img src="/files/HakXKFs9NEF3Vdaq2evP" alt=""><figcaption></figcaption></figure>

###

###

### Case 2: On your WordPress Elementor Editor

1. Create a Payment button and copy the **Button code** in our Aurpay dashboard.

<div align="left"><figure><img src="/files/UVUX923yWYgc9ouG2P0x" alt=""><figcaption></figcaption></figure></div>

2. Add a new **HTML** code block, save the **Button code** here.

<div align="left"><figure><img src="/files/jCwxck3IrXiNEKOW8MPj" alt=""><figcaption><p>HTML code block</p></figcaption></figure></div>

3. Payment button is ready! Click the button and you can donate the any amount, select a cryptocurrency to pay&#x20;

<figure><img src="/files/PLcBJptdi1zaAPWT8XXl" alt=""><figcaption><p>Save the HTML code</p></figcaption></figure>

![](/files/keIKXjv5C7kXzpovBS78)

![](/files/wwctc40XipeZhrG4VZmF)

![](/files/BruqXZqibbZAcHvMppAL)