Embeddable Widgets

Easily embed Disputefy debates and polls into your blog, forum, or website with our lightweight, customizable widgets.

Quick Start

Add this script to your website:

<script src="https://www.disputefy.com/widgets/disputefy-widgets.js"></script>

Widget Types

1. Results-Only Badge

A compact widget showing current poll results with a sparkline trend.

<!-- Simple integration -->
<div data-disputefy-widget="results-badge" data-topic-id="your-topic-id"></div>

<!-- With custom styling -->
<div 
  data-disputefy-widget="results-badge" 
  data-topic-id="your-topic-id"
  data-theme="dark"
  data-size="large">
</div>

2. Single Dispute Card

An interactive widget displaying live results and topic information.

<!-- Standard display -->
<div 
  data-disputefy-widget="dispute-card" 
  data-topic-id="your-topic-id"
  data-width="400"
  data-height="300">
</div>

<!-- Custom styling -->
<div 
  data-disputefy-widget="dispute-card" 
  data-topic-id="your-topic-id"
  data-theme="dark"
  data-size="large">
</div>

Configuration Options

Results Badge

Attribute	Type	Default	Description
`data-topic-id`	string	required	The Disputefy topic ID
`data-theme`	string	light	Widget theme: light or dark
`data-size`	string	medium	Widget size: small, medium, or large

Dispute Card

Attribute	Type	Default	Description
`data-topic-id`	string	required	The Disputefy topic ID
`data-theme`	string	light	Widget theme: light or dark
`data-size`	string	medium	Widget size: small, medium, or large
`data-width`	string	400	Widget width in pixels
`data-height`	string	300	Widget height in pixels

JavaScript API

For more control, use the JavaScript API:

// Create a results badge
const badge = DisputefyWidgets.createResultsBadge({
  topicId: 'your-topic-id',
  theme: 'dark',
  size: 'large'
});

// Create a dispute card
const card = DisputefyWidgets.createDisputeCard({
  topicId: 'your-topic-id',
  theme: 'dark',
  size: 'medium',
  width: '400',
  height: '300'
});

// Append to your container
document.getElementById('widget-container').appendChild(card);

Support & Custom Integrations

Need help? Contact Us

More Possibilities

• Custom CSS styling and branding
• Interactive voting buttons and user engagement
• Webhook notifications for vote events
• Real-time updates via WebSocket connections
• Multi-language support and localization
• Analytics and engagement tracking
• A/B testing different widget configurations
• Integration with popular CMS platforms (WordPress, Drupal, etc.)
• Mobile-responsive designs for all screen sizes

Custom Integrations

We offer custom widget development and integration services for enterprise clients:

• White-label solutions with your branding
• Custom widget types and layouts
• API integrations with your existing systems
• Single Sign-On (SSO) integration
• Custom analytics and reporting dashboards
• Priority support and dedicated account management

Live Demo

See how Disputefy widgets look and work on your site

Results-Only Badge

Compact widgets showing current poll results with trend sparklines.

Single Dispute Card

Interactive widgets displaying live results and topic information.

Search