Board Settings
CHESS STRATEGYONLINE

Free Chess Widgets

Daily Puzzle

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:

Play vs Computer

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:

Config Options

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.

Board Size

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.

Board Styles

You can choose from the following list of board styles:

  • default
  • blue
  • chesscom
  • chesstempo
  • green
  • shredder
  • wikipedia
  • zeit

Piece Styles

You can choose from the following list of piece styles:

  • alpha
  • case
  • condal
  • leipzig
  • maya
  • merida
  • uscf
  • wikipedia

Note that not all piece styles are high resolution: only 'alpha', 'uscf' or 'wikipedia' should be used on board sizes larger than 420.

© 2015 Chess Strategy Online | Useful Chess Resources