Legion Hand Technologies

Points History Widget Customizer

Live Preview

Customize your points history widget appearance and generate embed code

Quick Presets

Customization Options

Core Settings

Theme

Page Size

Width (px)

Height (px)

Base URL

Colors

Typography

Live Preview

Real-time

Embed Code

<script src="https://your-domain.com/js/points-history-widget.js"></script>

<legion-points-history
  auth-token="YOUR_AUTH_TOKEN">
</legion-points-history>

Add this code to your WordPress site using a Custom HTML block or your theme's header/footer scripts.

Step 1: Add the script to your site header

<script src="https://your-domain.com/js/points-history-widget.js"></script>

Step 2: Add the widget where you want it

<legion-points-history
  auth-token="YOUR_AUTH_TOKEN">
</legion-points-history>

Available Attributes

auth-token

JWT token for authentication

theme

light | dark

base-url

Base URL for API calls

width

Widget width in pixels

height

Widget height in pixels

page-size

Entries per page (5-50)

show-close

Show close button (true/false)

Build your own UI (REST)

Prefer a custom table or mobile layout? Call the same APIs the widget uses — no iframe required. Requires PIONEER_WIDGETS=1 and a shopper bearer token.

GET /api/widget/points-history — paginated ledger (Swagger)
GET /api/widget/claim-rewards/balance — current balance (Swagger)

Full DIY guide →Widget API (Redoc) →Point reservations →