Website Embed instructions
Copy the code above, and paste it exactly where you want your indicator dot to appear in your website or app.
It will behave and look a lot like the indicator dot at the top of this page.
Embed help
View the Full Instructions for embedding on Wordpress, Squarespace, Shopify, Weebly, or any other type of website.
We've also added the Gist to GitHub, where you can ask technical questions, if you get stuck.
Advanced
Single-Page Apps
Building a Single-page App with React, Vue, Ember, etc? We recommend a different approach to integrating our widget.
Include the widget script anywhere in your app. We recommend adding a script tag to index.html
, & linking to our script, since our script could change.
<script src="https://changelog.life/embed.js"></script>
Next, when your app has finished loading, trigger the construction of the embed widget on any selector you like, with:
Make sure to replace the first argument with your changelog.life subdomain. The second argument is a Selector where you want to attach the indicator dot.
Custom Triggers
You can use a custom function to toggle the widget open and close (like a link in your menu).
Just trigger the function to toggle the widget open & closed. Pass in the selector for the element we should position the widget beneath:
window._changeloglife_toggle('.changelog_anchor');
A simple, but complete example:
<a class="changelog" onclick="_changeloglife_toggle('.changelog')">Changelog</a>