If you want to feature our daily puzzle on your website, we have a free widget to let you do just that! Just copy and paste the following code onto your site where you want the puzzle to appear.
<div id="csoDpCon"></div>
<script type="text/javascript" src="https://www.chessstrategyonline.com/js/widgets.min.js"></script>
<script type="text/javascript">
csoDailyPuzzle({
boardStyle: "default",
pieceStyle: "uscf",
showCoordinates: true,
width: 420
});
</script>
The above code generates the following board:
This widget allows you to play against cinnamon, an open source chess engine (http://cinnamonchess.altervista.org/). Just copy and paste the following code onto your site where you want the puzzle to appear.
<div id="csoPvcCon"></div>
<script type="text/javascript" src="https://www.chessstrategyonline.com/js/widgets.min.js"></script>
<script type="text/javascript">
csoPlayVsComputer({
boardStyle: "default",
pieceStyle: "uscf",
showCoordinates: true,
width: 420
});
</script>
The above code generates the following board:
You can modify the options in the code for either of the widgets above above to use any of our available board and piece styles, as well as set the width of the board that appears on your site.
The width you specify in the options is the width of the entire widget in pixels on your site. The minimum width is 300, and the maximum is 660. The actual board size is 20 pixels less than the width you specify, and the total height of the widget is the width plus 60 pixels.
The widget is responsive, so that if the container you place it in is reduced in size below the width you specify, the widget will be reduced in size accordingly down to the minimum width of 300 pixels.
You can choose from the following list of board styles:
You can choose from the following list of piece styles:
Note that not all piece styles are high resolution: only 'alpha', 'uscf' or 'wikipedia' should be used on board sizes larger than 420.