Trail Button/Badge

Use the official Trail button on your website as a clear call to action to play your game.

Dos & Dont's

  • Use the button as provided. Never alter the button.
  • There should be clear space surrounding the button equal to one-quarter (ΒΌ) the height of the button.
  • Make sure the button is large enough that the text is legible. Minimum height is 40 pixels.
  • The button should be the same size or larger than other game store badges/buttons.

Embed code

Use the HTML snippet below to embed the Trail button on your site.

🚧

Remember to replace https://www.trail.gg/games/YOUR_GAME_URL with the correct URL to your game on Trail.

<a href="https://www.trail.gg/games/YOUR_GAME_URL?utm_medium=trail_play_button&utm_content=non_iframed" class="TrailButton" style="

    height: 80px; /* Change this height to fit your site's layout (width will be adjusted automatically). */

    /* The button should be the same size or larger than other game store badges/buttons. If adjusting both width and height of the button is necessary to achieve that, feel free to do so. */

    display: inline-block; line-height: 0; min-height: 40px; min-width: 212px; background: #6E32F4; border-radius: 500px;">
    <svg class="TrailButtonSVG" viewBox="0 0 296 56" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: block; height: 100%; width: auto; margin: 0 auto;"><path class="TrailButtonSVG_bg" style="transition: fill 0.1s ease;" d="M.5 28c0-15.464 12.536-28 28-28h239c15.464 0 28 12.536 28 28s-12.536 28-28 28h-239C13.036 56 .5 43.464.5 28z" fill="#6E32F4"/><path d="M33.484 36h4.147v-4.534h2.297c3.482 0 5.816-2.05 5.816-5.34 0-3.251-2.274-5.399-5.667-5.399h-6.593V36zm4.147-7.756v-4.206h1.461c1.455 0 2.327.776 2.327 2.088 0 1.305-.872 2.118-2.327 2.118h-1.461zM47.266 36h10.32v-3.34h-6.174V20.726h-4.146V36zm15.964 0l.88-2.923h5.041l.88 2.923h4.475l-5.042-15.273h-5.667L58.756 36h4.474zm1.82-6.026l1.52-5.04h.12l1.522 5.04H65.05zm8.742-9.247l5.608 10.47V36h4.116v-4.803l5.608-10.47H84.5l-2.983 6.205h-.119l-2.983-6.205h-4.624zm25.013 0H94.66V36h4.146V20.727zm15.18 0h-4.146v7.995h-.12l-5.429-7.995h-3.519V36h4.146v-8.024h.089L110.525 36h3.46V20.727zM120.13 36h7.189c3.318 0 5.369-1.812 5.369-4.325 0-2.155-1.588-3.565-3.55-3.64v-.149c1.768-.35 2.954-1.655 2.954-3.34 0-2.327-1.85-3.819-5.34-3.819h-6.622V36zm4.146-3.311v-3.222h1.999c1.26 0 2.028.597 2.028 1.67 0 1.022-.693 1.552-2.088 1.552h-1.939zm0-5.787v-2.923h1.76c1.029 0 1.79.522 1.79 1.461 0 .94-.761 1.462-1.85 1.462h-1.7zM134.157 36h4.147v-5.041h1.431L142.42 36h4.504l-3.102-5.697c1.626-.784 2.595-2.268 2.595-4.385 0-3.252-2.274-5.19-5.667-5.19h-6.593V36zm4.147-8.263v-3.699h1.461c1.454 0 2.327.567 2.327 1.88 0 1.305-.873 1.82-2.327 1.82h-1.461zm24.676.627c0-5.101-3.281-7.846-7.428-7.846-4.176 0-7.427 2.745-7.427 7.846 0 5.07 3.251 7.845 7.427 7.845 4.147 0 7.428-2.745 7.428-7.845zm-4.266 0c0 2.744-1.103 4.235-3.162 4.235-2.058 0-3.161-1.491-3.161-4.235 0-2.745 1.103-4.236 3.161-4.236 2.059 0 3.162 1.491 3.162 4.236zM167.812 36h3.968l2.595-8.531h.119L177.089 36h3.968l4.504-15.273h-4.624l-2.088 9.426h-.119l-2.476-9.426h-3.639l-2.476 9.397h-.119l-2.088-9.397h-4.624L167.812 36zm27.078-10.5h3.968c-.015-2.998-2.327-4.982-6.026-4.982-3.632 0-6.197 1.954-6.175 4.863-.007 2.386 1.648 3.713 4.355 4.295l1.522.328c1.7.373 2.282.798 2.297 1.492-.015.753-.701 1.282-2.029 1.282-1.588 0-2.528-.745-2.595-2.147h-3.938c.015 3.833 2.611 5.548 6.593 5.548 3.87 0 6.189-1.67 6.204-4.683-.015-2.327-1.402-3.96-4.772-4.683l-1.253-.269c-1.447-.306-2.096-.73-2.058-1.462.007-.67.566-1.163 1.849-1.163 1.342 0 1.976.59 2.058 1.581zm5.754 10.5h10.977v-3.34h-6.831v-2.626h6.294v-3.34h-6.294v-2.626h6.861v-3.34h-11.007V36zm13.063 0h4.146v-5.041h1.432L221.97 36h4.504l-3.102-5.697c1.626-.784 2.595-2.268 2.595-4.385 0-3.252-2.275-5.19-5.668-5.19h-6.592V36zm4.146-8.263v-3.699h1.462c1.454 0 2.327.567 2.327 1.88 0 1.305-.873 1.82-2.327 1.82h-1.462z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M261.566 39.44a6.292 6.292 0 01-1.245-1.588c-.493-.875-.545-2.075-.026-3.035.663-1.228 1.198-1.979 1.733-2.778 1.345-2.005.891-4.44-.897-5.82-1.67-1.262-3.641-.821-4.553-.366-.583.291-.795.396-1.956.997-.934.483-2.118.77-2.631.395-.513-.376-.612-1.105-.236-1.853.36-.717 1.823-2.31 2.354-3.08 1.174-1.703 1.379-4.624-.255-6.285A47.453 47.453 0 01255.5 16c9.6 0 12 2.4 12 12 0 7.128-1.323 10.286-5.934 11.44zm-4.813.545c-.404.01-.821.015-1.253.015-9.6 0-12-2.4-12-12 0-7.433 1.439-10.55 6.545-11.578 1.07.543 1.663 1.285 1.987 1.832.463.783.485 1.533-.035 2.486-.52.952-1.774 2.281-2.277 3.02-1.583 2.326-1.66 4.515-.13 5.617 1.529 1.102 3.95 1.064 5.484.379.775-.347 1.169-.651 1.916-1.007.854-.406 1.477-.442 2.065-.052.534.354.595 1.078.195 1.645l-1.936 2.75c-1.287 1.832-1.368 4.368-.579 6.837l.018.056z" fill="#fff"/></svg>
</a>