OpenPawn

Widgets

Ajedrez que cabeen cualquier web

El problema del día, una partida terminada o cualquier posición, listos para la web de un club, un blog o un colegio.

Crear un widget

Crea tu widget

Elige uno, ajústalo y copia el código. La vista previa es el widget real.

Widget
Tema
Auto sigue el ajuste claro u oscuro de cada lector.
Copia el código 
<iframe src="https://openpawn.org/es/embed/puzzle-of-the-day" title="Problema del día en OpenPawn" width="400" height="520" style="width:100%;max-width:400px;height:auto;aspect-ratio:400/520;border:0;border-radius:16px" loading="lazy" referrerpolicy="no-referrer" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"></iframe>

Pégalo donde deba ir el widget. Se adapta a la columna donde está.

Vista previa en vivo

Hecho para estar en tu página sin molestar

  • Sin cookies ni rastreo

    El widget no guarda nada de tus lectores ni envía nada de vuelta. Nadie inicia sesión dentro.

  • Cabe en cualquier columna

    Mantiene su forma del móvil a una página ancha, y funciona con el dedo, el ratón y el teclado.

  • Cambia solo

    El problema del día cambia a medianoche, hora de Berlín, así que tu página siempre muestra el actual.

¿Diriges un club de ajedrez? Inclúyelo en el directorio de clubes, para que los jugadores cercanos encuentren vuestras tardes. Ver el directorio de clubes

Preguntas

¿El widget rastrea a mis lectores?

No. No pone cookies, no guarda nada en el navegador y no envía nada de vuelta. Solo carga el problema, la partida o la posición que elegiste.

¿Funciona en WordPress, Wix o Squarespace?

Sí, en cualquier sitio donde puedas pegar HTML. Usa un bloque HTML para el código del marco. Si tu web quita los marcos, usa el enlace simple.

¿Qué partidas puedo poner en mi web?

Partidas terminadas jugadas en OpenPawn. Las partidas en curso y las que tienen un jugador menor se quedan solo en OpenPawn.

¿Puedo cambiar el tamaño?

Sí. El marco ocupa el ancho de su columna hasta el tamaño del código y mantiene su forma. Cambia max-width en el código para hacerlo más pequeño.