Embed
With beabee you can embed Callouts directly into your website. This is useful, for example, if you want to insert a callout directly into an article. We did this on our beabee website to give you an idea:
Embedding is very easy to do, even without programming knowledge. This is how it works:
Before you embed something for the first time, the beabee team must activate your domain. To do this, write an email to support@beabee.io and ask for the function to be activated. As soon as it is activated, you will receive a message from us.
The embedding is done with a short HTML code block. Place such a code block in the place on your website where you want to embed the survey. (How exactly you add a code block varies from website to website, so we can't give any instructions for this. HTML blocks are usually found with other elements such as text blocks, images etc. If you do not know how to add an HTML block, please check the help section of your website system first. If you get stuck, please contact the beabee team).
Copy the following code snippet and paste it into the code block:
Now you just have to adapt the code snippet. Replace "example.mynewsrooms.org" in the front part with the URL of your beabee instance, for example "community.beabee.io".
In the back part, replace "example" with the so-called slug of the callout you want to embed. This is always the last part of the callout URL. In the case of the above callout with the URL https://community.beabee.io/callouts/beabee-checklist, "beabee-checklist" would be the slug with which "example" must be replaced. The entire code in this case is therefore:
<script src="https://community.beabee.io/embed.js" data-url="callouts/beabee-checklist"></script>
If you publish the page now, the callout should be embedded.
Done
Tip: In principle, you can embed all software parts of beabee in this way, for example the login page. All you have to do is insert the back part of the URL at the end of the code snippet. In the case of the login page, for example, the code snippet would look like this:
<script src="https://community.beabee.io/embed.js" data-url="join"></script>
Last updated
