เป็นบริการที่ให้สร้าง widget ที่นำเอาไปใส่ในเว็บไซต์คุณได้ มาดูวิธีทำกันดีกว่า ให้คุณกดเข้าเว็บไซต์นี้ได้เลย https://widgets.twentyuno.net/

เมื่อเข้าสู่เว็บไซต์ดังกล่าวแล้วให้กดปุ่ม “Get started”

คุณจะพบกับหน้าให้กรอกข้อมูลต่าง ๆ โดยมีอยู่ 4 รายการที่จำเป็นต้องใส่ข้อมูล

- **Color**: เลือกสีที่ต้องการ

- **Name**: ใส่ชื่อที่ต้องการ

- **Receiver**: ใส่ Lightning Address ของคุณ (หาได้จาก Lightning Wallet)

- **Image**: ใส่ลิงก์รูปภาพ (ฝากรูปได้ที่ https://img.doerig.dev/)

หลังใส่ข้อมูลเรียบร้อยแล้ว ให้คุณเลื่อนมาเพื่อเช็ก Preview

**Embed code**

```

name="your_name"

accent="color_code"

to="lightning_address"

image="URL_image"

/>

```

จากนั้นเอา Embed code ไปใส่เว็บไซต์ตัวเองได้เลย

> หมายเหตุ : Embed code นี้สามารถนำมาใช้ได้เรื่อย ๆ หรือแก้ไขได้โดยไม่ต้องสร้างใหม่ทุกครั้ง

## การใช้ Nostr-zap กับเว็บไซต์

สิ่งนี้เป็นเครื่องมือที่ช่วยให้คุณสามารถ "Zap" Nostr npub หรือ note จากที่ใดก็ได้ (การ zap คือการรับหรือส่ง Bitcoin Lightning ให้แก่กันได้ทันทีโดยตรงผ่านโปรโตคอล Nostr)

**มาดูวิธีทำกันดีกว่า**

- สร้าง button ภายในใส่ data-npub data-relays

- กำหนดข้อความที่คุณต้องการ

- จากนั้นให้วาง script: src="https://cdn.jsdelivr.net/npm/nostr-zap@0.22.0"

```

data-npub="your_npub"

data-relays="URL_relays"

>

Zap Me ⚡️

```

ตัวอย่าง :

```

data-npub="npub1qd6zcgzukmydscp3eyauf2dn6xzgfsevsetrls8zrzgs5t0e4fws7re0mj"

data-relays="wss://relay.damus.io,wss://relay.snort.social,wss://nostr.wine,wss://relay.nostr.band"

>

Zap Me ⚡️

```

จากนั้นเอา Embed code ไปใส่เว็บไซต์ตัวเองได้เลย

> อ่านข้อมูลเพิ่มเติมได้ที่ Github

https://github.com/SamSamskies/nostr-zap?tab=readme-ov-file

ไม่ยากเลยใช่ไหมทั้ง 2 วิธี

ชอบแบบไหนเลือกใช้ตามต้องการเลย

นำไปปรับใช้กันได้

หวังว่าจะเป็นประโยชน์นะครับ

แล้วเจอกันใหม่ในบทความหน้า!

#Siamstr #Nostr #Zap #Lightning