Website embeds

We have an easy system to embed content on any webpage that will fit it. It even supports dark mode automatically.

Loading a users feed “HTML embed”

As you can see, the format is really simple. The URLS inside the iframe are what matter, and you can embed different types of content by changing this value.

<iframe frameborder="0" style="width:100%;height:80px;max-width:680px;margin:0px auto;overflow:hidden;background:transparent;display:block;opacity: 0;" onload="this.style.opacity = 1;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts" src="https://hey.cafe/embed/profile_feed/stifflered" id="heycafe_profile_feed"></iframe>
<script>{ let hey_framename="heycafe_profile_feed"; let hey_iframe = document.querySelector("#" + hey_framename); window.addEventListener('message', function(e){ if (e.source == hey_iframe.contentWindow){ if (e.origin.includes("hey.cafe")){ let hey_message = e.data; hey_iframe.style.height = hey_message.height + 'px'; hey_offset=document.documentElement.scrollTop-hey_iframe.offsetTop; if (hey_offset<=0){ hey_offset=0; } let hey_response = { type: "embed_position", value: hey_offset }; e.source.postMessage(hey_response, e.origin); }}} , false); }</script>

Clean format feeds

On feeds like profile_feed and cafe_feed, you can add "clean" to the end of the URL to remove header and comment data from the feed. This is a clean style that's useful for sites to show recent updates. For example: hey.cafe/embed/cafe_feed/hey/clean.

Current embed URLs

Here are the current types and URL formats for the embed: