Widget Configuration

This page documents all available attributes for the Petameta Web Widget.

Script Tag

<script
  src="https://cdn.petameta.com/widget-rules-based-v1.js?v=4.0.0"
  data-endpoint="https://api.petameta.com/api/v1/chat"
  data-api-key="YOUR_SITE_API_KEY"
  data-brand="YourBrand"
  data-primary="#0AB399"
  data-logo="https://example.com/logo.png"
  data-position="right"
  data-greeting="Hi! I’m your assistant."
  defer></script>

Attribute Table

Attribute	Description	Required	Example
data-endpoint	Chat API endpoint	Yes	https://api.petameta.com/api/v1/chat
data-api-key	API key	Yes	CB_xxxx
data-brand	Display name	No	CashBridge
data-primary	Theme color	No	#0AB399
data-logo	Logo URL	No	https://cashbridge.com.au/logo.png
data-greeting	First message	No	Hi! Need help?
data-position	right / left	No	right

Custom Greeting Examples

data-greeting="Welcome to ABC Finance — how can I assist you?"

Notes

• Widget loads asynchronously
• No JS framework required
• Works on any HTML site, WordPress, Vue, React, etc.