so, the heartrate embed, its pretty simple actually

but first i want to make it clear, i make no guarantees of pulsoid not one day getting angry at you for doing this, since their service normally only has one person loading the widget link (the steamer embedding it or whatever) but when you do it like this everyone who views your site directly loads it, so its possible they might do something to break this in the future, i havent been contacted at all from them about it but your mileage my vary

there are 4 "parts":

a pulsoid supported heart monitor of some kind, a freepulsoid.net account, a device to run the pulsoid app, and a location to embed it, ill go over them each below:

heart monitors

personally i use a HW706 from aliexpress link, its $26 usd as of writing this and its kinda the cheapest one that works well afaik, battery life lasts like a week i think for me and charges to full in a few hours so its pretty alrght

see the pusoid site i linked above to browse more monitors if you need to, (or here lol) pulsoid supported heart monitors

if you already have one, as shown by the pulsoid site, you can also use some apple watches, wear os watches, and fitbit watches which can be a good option to test it out or- tbh even good enough for this type of site embed

pulsoid account

you also need a pulsoid account, there are probably other ways to do this, but by far pulsoid is the easiest that ive seen

create an account at pulsoid.net, on the site you will also create the widget that you embed on your site or whatever later

create / customize a widget to look how you want it to

then youll be able to copy the url for your widget, ittl look something like this https://pulsoid.net/widget/view/d30ee086-7bd6-4376-999f-f7301ec5aceb, opening the url will be blank if you dont have the monitor set up yet! use the preview on the widget page for customizing if you dont have the monitor on.

pulsoid app

download and sign into the pulsoid app, its on apple app store and google play store

then while your heart monitor is on, start scanning for devices within the pulsoid app (should happen automatically when you open it, or you can tap the 3 dots in the top right and click scan), tap on the device, and it (should) just connect without issues

im on android and im not using a smart watch for it so i cant give any feedback or assistance for ios / smart watch use but it should be fairly easy

displaying your heartrate

now to the final step, i display it on my site using an iframe, there are probably better ways to do it, but this is mine and it works

if you know how to do html its easy, just put the widget link you got earlier into the iframe and boom it works

if youre not well versed in html, you can just copy my bad html and get it atleast working lol, ittl be below but you can also just either right click and click view page source, save this page / open inspect element with either ctrl+s(save page) or ctrl+shift+i or f12 on some browser(inspect element), its not the prettiest beacuse im bad at html but it works

style info:

        
---
        .heart-widget {
            margin-top: 40px;
            text-align: left;
        }

        .heart-widget iframe {
            transform: scale(0.5);
            transform-origin: top left;
            width: 400px;
            height: 200px;
            border: none;
        }
---

iframe

        
---
        <div class="heart-widget">
        <p>example text</p>
        <iframe
            src="https://pulsoid.net/widget/view/d30ee086-7bd6-4376-999f-f7301ec5aceb"
            allowtransparency="true">
        </iframe>
    </div>
---

thats all! let me know if i missed anything im very tired while making this lol


if you did it right, it should look like this:

example text