Widget Builder

Home

Quick Presets

Configuration

Layout & Style

Display Options

Live Widget Test

This is the actual working widget with clickable links and navigation:

Embed Code

<script src="https://central.aisuretech.com/widget.js"></script>
<div id="recommendation-widget" data-rec-widget
  data-site-id="1"
  data-layout="sidebar"
  data-theme="light"
  data-limit="5"></div>

<script>
new RecommendationWidget('recommendation-widget', {
  siteId: '1',
  layout: 'sidebar',
  theme: 'light',
  limit: 5,
  showImages: true,
  showDescription: true,
  showTags: false,
  showTitle: true,
  title: 'You Might Like',
  imageSize: '50px',
  imageShape: 'rounded',
  autoRotate: false,
  openInNewTab: true,
  animation: 'fade',
  hoverEffect: 'scale'
});
</script>

✨ External Script Benefits

  • Automatic updates
  • Better caching
  • More features
  • Accessibility built-in

API Endpoint

GET /api/recommendations?currentSiteId=1&limit=5