There are a few places on your Beanstack site where you can use basic HTML to tailor how your text displays:
- Your landing page's general information subheader
- Your challenges' full challenge descriptions and reward descriptions
- Your activity badges' badge descriptions and activity descriptions
- Your book lists' descriptions
Within those fields, you can use HTML tags to do things like separate a description into paragraphs, change the style of the text, or add links to other websites or publicly hosted PDFs. Below are some common HTML elements you can use on your site:
- Adding a clickable link to open in the current tab
<a href="YOUR URL HERE">YOUR DISPLAY TEXT HERE</a>
- Adding a clickable link to open in a new tab
<a href="YOUR URL HERE" target="_blank">YOUR DISPLAY TEXT HERE</a>
- Adding a line break
<br>
- Adding space between paragraphs
<p> YOUR FIRST PARAGRAPH HERE. </p>
<p> YOUR SECOND PARAGRAPH HERE. </p>
- Making text bold
<strong>YOUR DISPLAY TEXT</strong>.
We generally do not recommend using iframe tags to embed an image or video directly in your site's text, as we do not support inline frames and their display and size is not always optimized on the mobile app. The one exception to this is in activities within activity badges. We support directly embedding one video per activity to display to readers by using an embed code from major video platforms like YouTube, Vimeo, Facebook, and Instagram.
If copying and pasting HTML, be sure to remove any formatting (including replacing “smart quotes” with "dumb quotes") from your text. And remember to always preview and test the fields in which you use HTML to ensure they are displaying properly!
HTML Limitations
Promotional Descriptions on Challenge Cards:
- HTML cannot be used in the promotional descriptions of your challenges, which appear on the challenge cards on your landing page.
Event Descriptions on the Mobile App:
-
- If HTML is used in the event descriptions, they will not display correctly on the mobile app.