pgn4web board generator

enter your PGN text in the green textbox below
- keep PGN data short: due to a limitation of web browsers and web servers with the URL length, only short PGN texts are allowed, usually up to four games without comments; an error message shows when the max URL length limit is exceeded, in case try removing unnecessary header tags and comments/variations or try reducing the number of games per chessboard
- by default the PGN data is compressed and encoded, with characters outside the 255 characters ascii set rejected and replaced with stars "*"; this might affect some non English text and names
- in case of errors in the supplied PGN data, the chessboard squares starts flashing at regular intervals to signal the exception; detailed debug information is available clicking the top left chessboard square (A8 assuming White on bottom, H1 otherwise)

select a predefined settings template and/or modify any of the configuration options, layout, colors and fonts

generate the HTML code and preview your chessboard

fine tune configuration options to your liking
- check carefully the frame height/width values: different browsers might render some items slightly bigger or smaller, so leave some empty space at the bottom of the frame by increasing the height

once happy with the preview chessboard, just cut and paste the HTML code from the yellow box into your web page or your blog; when entering the code in your website or blog, please make sure you are using the HTML editing option, otherwise an enhanced editor might alter the code you enter; you can also generate a short url for sharing the board via email, instant messaging or social networking sites

if you plan to reuse similar settings for other chessboards, you can bookmark a custom template into your web browser bookmarks

email to the address of your website or your blog

if something goes wrong, you might want to click here and file a bug report

service availability disclaimer: the pgn4web board generator on this site is intended for chess enthusiasts to easily add chess games with a dynamic chessboard to their personal blogs and websites; this online service is provided on a best effort basis with no guarantee of future availability; if you publish chess games as part of a professional site and need continued server availability and high network performance, you are strongly recommended to evaluate the code from and install the tool on your own servers; for more details see the board widget generator pages of the pgn4web wiki at

automatically generated HTML code for your web page or blog

click here to create a short url for sharing the chessboard

configuration options

enter PGN data

select from preset board generator settings templates

pgn4web board generator custom template link add link into the browser bookmarks, saving current board settings

autoplay games autoplay first game once, or loop continiously, or autoplay none

autoplay delay

initial game

initial variation a number; applies only at the first game load; when blank, defaults to the main variation

initial halfmove start, end, random and comment settings apply at every game load, custom number only at the first load

initial halfmove number actual halfmove number when the setting above is custom number

square size a number; must be larger than the piece size plus the highlight border if any

piece size default selects piece size based on square size

piece font default selects piece font based on piece size

light squares color

dark squares color

board border color

board shadow color a color; transparent disables the shadow, border copies the board border color

square highlight mode

highlight squares color

how to show control buttons browser's standard buttons, or custom colors below, or hidden buttons

custom control buttons background color

custom control buttons text color

text margin a number; header/moves margin, nice to have when text overflows with scrollbars

how to show game header

header font size a number

header font color

how to show game moves select a game moves display option or use the one click optimized puzzle setup

moves font size a number

moves font color

highlight move color a color; background copies the background color

how to show move comments and variations inline inbetween game moves, or on a newline , or hidden

comments and variations font size a number; moves copies the moves font size

comments and variations font color

variations font size a number; comments copies the comments font size

variations font color a number; comments copies the comments font color

chessboard and header/moves layout

iFrame height

iFrame width

iFrame padding a number; border padding around the iframe, included within the iFrame width value

background color a color; transparent uses the parent's background color

preview background color not actually used in the HTML code, just for the preview

use HTML textarea normally disabled; use only for deployment on a page from the same domain as the board URL

encode PGN text normally enabled

board URL normally as default unless use HTML textarea is enabled or for deployment on a page from a different domain