TBF Special Offers Widget

Default settings

Code example in body tag

        <div class="special-offers"></div>
        <script src="https://tbf-libraries.s3-eu-west-1.amazonaws.com/tbfSpecialOffers.latest.js"></script>
        <script>
          var token = 'KO96pMbbIBTQPl7vnoJMXmIrEl2cYoUZS83QlL0Abu0';
          TBFSpecialOffer('.special-offers', token);
        </script>

Widget example

Code example in body tag

        <div class="special-offers"></div>
        <script src="https://tbf-libraries.s3-eu-west-1.amazonaws.com/tbfSpecialOffers.latest.js"></script>
        <script>
          var token = 'KO96pMbbIBTQPl7vnoJMXmIrEl2cYoUZS83QlL0Abu0';
          var options = { view: 'carousel' };
          TBFSpecialOffer('.special-offers', token, options);
        </script>

Widget example

Without default styles

Code example in body tag

        <div class="special-offers"></div>
        <script src="https://tbf-libraries.s3-eu-west-1.amazonaws.com/tbfSpecialOffers.latest.js"></script>
        <script>
          var token = 'KO96pMbbIBTQPl7vnoJMXmIrEl2cYoUZS83QlL0Abu0';
          var options = { defaultCSS: false };
          TBFSpecialOffer('.special-offers', token, options);
        </script>

Without default events

Code example in body tag

        <div class="special-offers"></div>
        <script src="https://tbf-libraries.s3-eu-west-1.amazonaws.com/tbfSpecialOffers.latest.js"></script>
        <script>
          var token = 'KO96pMbbIBTQPl7vnoJMXmIrEl2cYoUZS83QlL0Abu0';
          var options = { defaultEvents: false };
          TBFSpecialOffer('.special-offers', token, options);
        </script>

With your placeholder image

Code example in body tag

        <div class="special-offers"></div>
        <script src="https://tbf-libraries.s3-eu-west-1.amazonaws.com/tbfSpecialOffers.latest.js"></script>
        <script>
          var token = 'KO96pMbbIBTQPl7vnoJMXmIrEl2cYoUZS83QlL0Abu0';
          var options = { missingImageUrl: 'https://url-to-your-placeholder-image' };
          TBFSpecialOffer('.special-offers', token, options);
        </script>