For  Developers

Simple.  Low  Maintenance.

install Asym

1) Easily embed the Asymmetrica JavaScript widget on any web page

Asymmetrica offers a very small footprint (12kB) JavaScript widget that can be easily embedded in any web page. It works for any user, on any modern web browser. Enterprise users with high traffic loads may wish to use our API solution. Contact us below for more information.

The widget will transparently and dynamically add Asym Spacing to your site content. In fact, you're seeing the results of our widget right now.

There are a few different ways to integrate Asym into your site – all of them are straightforward. To keep your site fast, we have designed the widget to wait until all page content is loaded (including fonts) before triggering. You can embed it anywhere on a page, although we recommend placing it last on the page (it's generally best practice to load external scripts last).

NOTE: The "VALUE" setting will be the key provided to you by Asymmetrica. You can set up a key here. We've listed three example forms below, but don't hesitate to contact us if you need more information!

Scroll down to request a key.

2) Sample installations:

This method works when you have access to the original HTML:

<script>var QXN5bVdpZGdldCBDbGllbnQgS2V5 = 'VALUE';</script><script type="text/javascript" src="https://content.asyminc.net/js/asym_widget_min.js"></script>

This method works when you want to use jQuery to load the widget; for example, for use within Optimizely™ in A/B testing:

window.QXN5bVdpZGdldCBDbGllbnQgS2V5 = 'VALUE';$(function(){var scriptElem = document.createElement('script'); scriptElem.setAttribute("type", "text/javascript"); scriptElem.setAttribute("src", "https://content.asyminc.net/js/asym_widget_min.js"); document.body.appendChild(scriptElem);});

This method works if you need a pure JavaScript solution:

window.QXN5bVdpZGdldCBDbGllbnQgS2V5 = 'VALUE';var scriptElem = document.createElement('script'); scriptElem.setAttribute("type", "text/javascript"); scriptElem.setAttribute("src", "https://content.asyminc.net/js/asym_widget_min.js"); document.body.appendChild(scriptElem);

3) Test it on different sites

Want to see how our spacing looks on a variety of sites? On desktops you can download our browser extension. Every site you visit will get the Asym Effect.