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:
This method works when you want to use jQuery to load the widget; for example, for use within Optimizely™ in A/B testing:
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.