return home

welcome to...

wormboy's UPDATED super sexy exclusive tutorial!!!!

this page will walk you -- a beloved web on the ring -- through adding the basic widget to your site.

table of contents

copy-paste snippet

within the <head> element of your page, add the following line:


    <script src="https://friends-of-cranebot.pages.dev/assets/js/remoteWidget.js" type="module"></script>
            

then, where you would like your widget to go within the <body> of your page, insert a <div> with the id focbwr, like so:


    <div id="focbwr"></div>
            

and that is IT!!!!!!

questions and warnings

hey! if you use a local server while working on your site, this will not work while in development!

this is because the widget script checks your identity based on the url. while using a development server [typically hosted on 127.0.0.1 or localhost], this does not work for obvious reasons.

the older tutorial does not have this issue, but is slightly more convoluted.

q: do i need to put anything in the div?

a: NO!!!!!!!! actually you could put an error message :] but nothign is needed thank you

q: it isn't working

that's ok. if you know how, open your browser inspect tool and go to "console". send me a screencap of whatever errors pop up and i help :]