Boost Your Sales with our
'Buy-Now Widget'
Help customers locate and order your products with direct links to trusted retailers, prices and stock availability.
Optimize conversions by quickly guiding to the best buying options. Easy to embed on product pages.
Widget Features
Real-time Prices & Stock
Ensure your customers see the latest prices, stock status, and promotions from multiple vendors.
Convenient Choices
An expandable list allows users to see more vendors, giving your customers more purchase options.
Device-Friendly
The widget works on desktop, mobile, and tablet versions of your website.
The Aposmart Buy-Now Widget is perfect for embedding on brand product pages to increase sales conversions and enhance your customer journey.
Additional Features
- Option to hide/show stock status, discounts, shipping cost.
- Customizable layout and color options for complete control.
- Display only preferred vendors, or all a limited number.
- Display product ingredients and review data. (Coming Soon)
- Sort listings by price, distance, or other metrics. (Coming Soon)
- Map showing local store availability. (Coming Soon)
How to Install
Follow these steps to easily add the Aposmart 'Buy-Now Widget' to your product pages:
Add this code to your product page:
<div id="aposmart"></div>
<script src="https://www.aposmart.se/public/widget.min.js"></script>
<script> aposmartwidget({ productid: 'your-product-id' }); </script>
Example with Custom Options:
<div id="aposmart"></div>
<script src="https://www.aposmart.se/public/widget.min.js"></script>
<script>
aposmartwidget({ productid: 'your-product-id', lang: 'sv',
hide: { price: true, availability: false }, vendorsToShow: 5,
colors: { background: '#f5f6fa', vendorBg: '#ffffff' } });
</script>
Replace "your-product-id" with the correct product identifier:
- EAN Code: Use the product’s 13- or 14-digit EAN. Example:
<script>aposmartwidget({ productid: '3337875597210' });</script>
<script>aposmartwidget({ productid: 'cerave-moisturising-lotion' });</script>
You can customize the widget using the following arguments. Only productid is required; all other settings are optional:
- productid (Required): The unique identifier of the product (EAN or product name slug).
- Language: Default is English (
lang: 'en'
).
Supported: 'sv' 🇸🇪, 'de' 🇩🇪, 'da' 🇩🇰, 'no' 🇳🇴, 'fi' 🇫🇮, 'nl' 🇳🇱, 'es' 🇪🇸, 'fr' 🇫🇷, 'it' 🇮🇹, 'pl' 🇵🇱,
'hu' 🇭🇺, 'sk' 🇸🇰, 'cs' 🇨🇿, 'el' 🇬🇷, 'hr' 🇭🇷, 'pt' 🇵🇹, 'zh' 🇨🇳, 'ja' 🇯🇵, 'ko' 🇰🇷, 'tr' 🇹🇷... - Hide Options: By default, price, availability, and promo options are visible (
hide: { price: false, availability: false, promo: false }
). - Vendors to Show: Default is 3 (
vendorsToShow: 3
), adjustable to display more vendors. - Font: Default is DM Sans. Use
font: 'none'
for no font, or provide a custom font and link:font: 'YourFontName', fontLink: 'https://fonts.googleapis.com/css2?family=YourFontName:wght@400;700&display=swap'
- Colors: Customize the widget’s appearance:
- text:
'#202225'
(Sets the color of all text inside the widget.) - background:
'#f5f6fa'
(The overall background color of the widget.) - vendorBg:
'#ffffff'
(The background color of each vendor section.)
- text:
Frequently Asked Questions
Question not listed? Email: help (at) deltapricing.se
- Increased purchase confidence: They can compare vendors instantly, making decisions faster.
- Direct links to trusted retailers: Easily guide customers to trusted sources for purchasing.
<button id="buyNowBtn" style="background:#055f72;color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;">Buy Now</button>
<div id="overlay" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;"></div>
<div id="widgetPopup" style="display:none;position:fixed;top:100px;left:50%;transform:translateX(-50%);background:white;padding:20px;border:1px solid #ccc;min-width:300px;max-width:588px;max-height:90vh;overflow-y:auto;z-index:1000;">
<button id="closePopup" style="background:#055f72;color:white;padding:10px;border:none;cursor:pointer;">Close</button><div id="aposmartwidget"></div>
</div><script src="https://www.aposmart.se/public/widget.min.js"></script><script>
document.getElementById('buyNowBtn').addEventListener('click',()=>{document.getElementById('overlay').style.display='block';document.getElementById('widgetPopup').style.display='block';aposmartwidget({productid:'your-product-id'});});
document.getElementById('closePopup').addEventListener('click',()=>{document.getElementById('overlay').style.display='none';document.getElementById('widgetPopup').style.display='none';document.getElementById('aposmartwidget').setAttribute('data-current-count','0');});
</script>