Obtain an id (aka. Channel ID) from IndieBoosting.com
Insert once in the <head> tag:
<!-- optional -->
<link rel="stylesheet" href="<https://cdn.indieboosting.com/latest/style.css>">
Place this snippet to a location you want to display:
<!-- a wrapped element is highly recommended -->
<div class="indiebacklink-wrapper">
<script src="<https://cdn.indieboosting.com/latest/script.js?id=XXXXXXXX>"></script>
</div>
id: Tracking ID (required) (Obtain from IndieBoosting.com dashboard)title: Custom title (optional, default is 'Top products')maxProducts: Maximum number of products to display (optional, default is 3, max 10)maxColumns: Maximum number of columns for product grid (optional, default is 3, max 4)direction: Layout direction, 'horizontal' or 'vertical' (optional, default is 'horizontal')theme: Color theme, light or dark (optional, default is light)noBorder: Remove container border if set to 'true' (optional)noShadow: Remove container shadow if set to 'true' (optional)noTitle: Hide title if set to 'true' (optional)openSelf: Open links in the same window if set to 'true' (optional)permanent: If true, the products will be displayed permanently (life-time).
(Ideally, this prop should be used on blog detail pages for long-term backlinks)owned: If true, the products will be displayed as owned by the current channel's user.
(Use case: if you want to list your owned products on your owned channels)debug: If true, enables debug mode with additional console logging.
(Use this prop when you want to report an issue)<html>
<head>
<title>IndieBoosting - Listing Example</title>
<link rel="stylesheet" href="<https://cdn.indieboosting.com/latest/style.css>">
</head>
<body>
<footer>
<div class="w-full max-w-3xl mx-auto mb-10">
<script src="<https://cdn.indieboosting.com/latest/script.js?id=**XXXXXXXX**>"></script>
</div>
</footer>
</body>
</html>