Basic integration
Installation
Paste the provided code snippet in the body of your HTML:
<script src="<https://web-cdn.fixr.co/scripts/fixr-checkout-widget.v1.min.js>"></script>For page load time reasons, best to place it just above the closing
</body>tag.Add a link to a FIXR pass page in the HTML of your page (replacing
<your_pass_id>with the ID of your pass):<a href="<https://fixr.co/passes/><your_pass_id>">View pass</a>
That’s it! Any anchor links on your page will now open a modal popup instead of redirecting to fixr.co
Advanced integration
Theming
Append a theme parameter to the script tag to set the widget to either light or dark mode.
Dark:
<script src="<https://web-cdn.fixr.co/scripts/fixr-checkout-widget.v1.min.js?theme=dark>"></script>
Light:
<script src="<https://web-cdn.fixr.co/scripts/fixr-checkout-widget.v1.min.js?theme=light>"></script>
If no theme is set the widget will default to light. Themes can be overridden on individual link tags by appending the same theme parameter directly on the link:
<a href="<https://fixr.co/passes/><pass_id>?theme=dark">View pass</a>