Adding Content with A Click
A Short Introduction into Multimedia Storytelling with Pageflow
A Pageflow Next story is built up by adding Chapters and Sections. The overlaying content such as text, image, audio, video, etc. is inserted into sections as Content Elements. Every new section contains a Text Block:
A click on the lower or upper plus button opens the Content Element list. Here you can simply add one of
Content Elements
One of the elements is the audio notice, that can be applied to let users unmute all autoplay elements, such as background audio within this story:
Sound can be muted again using the speaker icon in the navigation.
1. HEADING
The heading element let's you add visually impactful headlines, taglines and subtitles, determine their alignment (left, centered, right), size, color, and position. You can use as many headlines as you want. Only the first one will be your "H1" in terms of SEO.
The Magic of the Forest
2. TEXT BLOCK
Each section contains a Text Block, that allows you to edit and style text, and also use ✨ emojis. You can apply different Font Variants and colors for each Text Block. Adjust your theme to provide a consistent look and match your CI.
Sub-Heading
Forests are complex ecological systems in which trees are the dominant life-form. They cover about one-third of Earth’s surface and provide many benefits for humans and other living beings.
Forests produce oxygen, store carbon, regulate climate, purify water, prevent soil erosion, and support biodiversity.
Forests also have cultural and spiritual values for many people around the world. Forests offer opportunities for recreation, education, and exploration. They inspire awe, wonder, and creativity.
3. QUOTE
Emphasize a statement, or add another perspective, a quote from an expert, a witness opinion. Style your quotation marks in the theme settings and choose a position, color, and font variant directly in the editor.
The clearest way into the Universe is through a forest wilderness
John Muir
4. QUESTION/ANSWER
Spice up your narrative with the Question/Answer element. Present additional information, such as interviews, deeper excursions or educational content with a touch of gamfication. And if wanted: paste emojis.
What is forest bathing? 🌳 🌲 🛀
Forest bathing is a practice of spending time in a forest to boost one’s immune system and well-being.
Studies show that forest bathing can reduce stress, lower blood pressure, improve mood, and enhance cognitive function. This is because trees and plants release essential oils that have beneficial effects on human health.
5. INLINE IMAGE
Unlike backdrops, inline images are applied to draw the reader's attention to specific elements of your story. Upload any ratio and format, even .svg files, with transparency. Choose a size and position, add captions, and, optionally, enable full-screen mode to provide details when an image deserves it.
6. INLINE VIDEO
The inline video player lets you display videos in a variety of sizes and positions, with autoplay, looping or manual launch. You can control whether a click on the video should unmute the clip, and even cause it to rewind. Add text tracks and alt text and make your video accessible to everyone.
7. INLINE AUDIO
The audio player let's you showcase your sound files. Present a thought, a statement or even a podcast. Optionally, add a poster image and choose from classic player control or waveform style to present your audio content in an engaging way.
8. VIDEO EMBED
Want to show longer or external video footage? Just embed it from Vimeo or YouTube by pasting the URL. Define the size and position of your video player in relation to the backdrop settings and other content elements.
9. AUDIO NOTICE
The audio notice is an element that informs users about an audio file, available for listening. The necessary user interaction allows us to autoplay audio and video, including audio, across all browsers and devices.
Sound can be muted again using the speaker icon in the navigation.
10. TWEET EMBED (X)
Embed Tweets into your web content. Fully integrated with Pageflow's user consent feature for GDPR compliance. You can use this element to point out what other people are saying about your topic or to add expertise.
A visual menace
Beyond the stark changes in landscapes, its repercussions echo far and wide, touching the lives of local communities, affecting the delicate balance of our climate, and jeopardizing the rich tapestry of biodiversity that sustains our planet.
🌍 Impact on Local Communities: The direct connection between forests and the well-being of local communities cannot be overstated. Indigenous people and forest-dependent communities rely on these ecosystems for their livelihoods, from traditional medicines to sustenance agriculture. As trees vanish, so does their way of life, leaving communities vulnerable to economic hardship and food insecurity.
🌡️ Climate in Peril: Deforestation isn't just a local issue; it's a global threat. Trees act as nature's carbon sinks, absorbing and storing vast amounts of carbon dioxide. When we clear forests, this stored carbon is released back into the atmosphere, intensifying the greenhouse effect and accelerating climate change. The result? Rising temperatures, erratic weather patterns, and extreme events that disproportionately impact vulnerable communities.
🌿 Biodiversity Under Siege: Our forests are havens of biodiversity, home to countless species that form intricate ecological webs. Deforestation disrupts these ecosystems, driving species to extinction and weakening the resilience of nature. The loss of biodiversity isn't just an ecological tragedy; it undermines the very systems that support life on Earth, including human life.
🌲 Championing Restoration: The urgency to address deforestation has never been more critical. It's time to shift from being passive observers to proactive champions for both people and nature. Restoration efforts must be at the forefront of our agenda, focusing on reforestation, afforestation, and sustainable forest management. By restoring forests, we can mitigate climate change, protect biodiversity, and provide sustainable livelihoods for communities.
11. TikTok EMBED
Embed TikTok videos directly into your web content. Fully integrated with Pageflow's user consent feature for GDPR compliance. Use this element to showcase trending content, add dynamic visuals, or share authentic voices related to your topic.
12. IMAGE GALLERY
The gallery offers a dynamic and engaging way to showcase images seamlessly with a swipeable slideshow. Versatile for exploring facets of your subject. Try to use images with the same aspect ratio to get the best results.
13. DATAWRAPER CHART
Embed interactive charts, maps and tables, created with Datawrapper. Present data and statistics in an interactive way. Hover the icons in the following example and find out more about the spots in this map:
14. COUNTER
Pageflow's animated counter shows a number that increases or decreases over time. Highlight a magnitude, duration, or change of something, or create a sense of urgency. Customize the appearance and entrance effect.
is the height of the tallest tree in the world, a coast redwood from California.
15. BEFORE/AFTER SLIDER
Pageflow’s before/after feature shows two images side by side with a slider that allows you to compare them. Illustrate the difference between two situations related to your story, or visualize change over time.
Deforestation in Bolivia Credits: NASA Earth Observatory
16. HOTSPOTS
With our "Hotspots" element, you can turn your images and graphics into engaging experiences. This feature lets you create interactive areas that display extra information when hovered over, clicked, or tapped.
Big Impacts in a Tiny World: Discover the Secrets of Miniature Mining!
Curious about the tiny world of mining? Click on the hotspots to explore big industry in a miniature landscape – and discover some small but mighty details!
Discover more about the endless possibilites of the Hotspots element in this → blog post
17. 360° IMAGE
Add 360° images to transform your storytelling websites into immersive experiences. Simply upload mono- and stereoscopic images to create captivating visual stories. Seamless integration, optimal results.
18. iframe Embed
Pageflow’s iframe embed let's you show content from another website within your story. Integrate interactive content related to your topic, or enhance your story with external features, such as the quiz below 👇
The quiz "See How Much You Know About Deforestation" was made by the Council on Foreign Relations and has been published on February 5, 2019.
Credits: Council on Foreign Relations Licensed under CC BY-NC-ND 4.0
19. External Links
External links direct your readers to other websites outside of your story. Provide more information or sources related to your topic or simply guide your audience through some of your other stories.
Try out Pageflow now and learn how to craft captivative web content like this with ease!
Free and unlimited in time!