Follow

Storytelling FAQs

What post types does it support?  How does it integrate with SEO?

Here we address these questions and provide an overview of Storytelling's aim and scope.
 
 

What is Storytelling?
 
Storytelling is a long-form content template designed to engage readers with rich and immersive content (click here to see an example).
 
Story_1.png
 
It allows you to quickly and easily create a real-time storytelling experience which weaves images, text, video, social and interactive content together naturally, to build emotion and tension in the narrative.  Here are some highlights:
  • Relevant for both Media & Brands
  • Experience: UX is mobile first, fast loading (but still looks great on desktop, of course)
  • Combines various content types: text, images, videos, audios, polls, 3rd party embeds
  • Content is Live updating
  • Supported by all modern web browsers

 

Which post types are supported?
 
Storytelling is designed for long-form editorial content. The following posts will appear on the Storytelling experience:
 
  • Images (via direct upload - with or without captions) 
  • Videos (via direct upload - with or without captions) 
  • HTML (RTE) Posts - Text Only
  • HTML (RTE) Posts - Text + images / any social post
  • Polls
  • Tweets 
  • Instagram Posts 
  • Facebook Posts
  • YouTube Posts
  • In-line Ads 
  • Getty Posts
  • Audio uploads
  • Audio (via direct upload)
  • iframe embeds (e.g. Soundcloud) 
  • script embeds (e.g. Graphiq)
  • PDFs (via direct upload)
Who can access Storytelling?

Our Storytelling template is only available through the Engage Enhanced Experience package.  To try out a preview, please contact your Customer Success Manager here at ScribbleLive and see if Storytelling is right for you.

Once Storytelling has been activated in your account, any users with permission to create a stream can create a new Story:

  • Administrator
  • Developer
  •  Editor
  • Writer

 Back to top


How does Storytelling integrate with SEO?

We know that SEO is very important to long-form content. The Storytelling script embed injects the HTML on the page, thereby attributing the content to the parent page and making the page content available for Google to index.

 

 Back to top 


How do I preview my Story?

To preview the fullscreen version click here.  You can always preview your own stream by clicking on the Preview button located above the RTE in Content Studio:

 

preview_button.png

When you first enter your Preview screen you will notice a yellow alert message along the top.  To remove this, simply click anywhere in the yellow banner and it will become hidden from view.

 

Yellow_Bar.png

 

 

  Back to top


How do I create the parallax effect within Storytelling?

When you publish two images in a row a parallax scrolling animation will automatically be added and there will be transitions between the images on the front-end. 

Great News!

There are no special buttons or tags needed to activate the parallax effect since the effect is generated at the template level. 

For example, do NOT press the feature image buttonNo_Feature_Content.png when trying to create a parallax effect.

 

 Parallax.png

 

Parallax images/videos are the full width of the page - so large images should always be used. We recommend 1920 x 1080 or above. 

Parallax images remain full-screen across viewports and will therefore be cropped when viewed on smaller screens. Centre the key details of the image for best results.


How do I use the "featured" button?

Featured Content Button: 

Feature_content.png

Featured Content is primarily used for setting the title at the top of a Story, but it can also be used throughout the Story to punctuate different sections of content.

 

 

How to use the feature button:

  • Simply upload an image (or video) using the direct upload button Upload_Button.png, add a caption, and then set it as a “Featured Content" by clicking the feature icon Feature_content.png. Once enabled, the Featured Icon will turn green. 

  • If you upload a video and set it as featured, the video will play in a loop - so short video clips work best. 

 

Tips for Display: 

  • Feature images/ videos are full width of the page - so large images should always be used here. We recommend 1920 x 1080 or above. 
  • If you upload an image that is too small then it will be stretched. This is a typical requirement with these type of experiences. 
  • Feature images remain full-screen across viewports and will therefore do get cropped on smaller screens. Center the key details of the image for best results. That said, on mobile, users can rotate their screens or click on the image/video to view it in full! 

 

Additional Styling: 

    • Captions linked to a featured image will become a title overlay (featured text).
    • By default, the featured text will appear styled with white large text.
    • Featured images can also support RTE styling.
    • Add an image overlay by clicking Edit under the featured image. Adding a clickable image is a great way for Publisher's to add branding for Sponsored Content stories - such as in the example below.

wave.png

 

Back to top


How do I add a title to my featured image?

When a caption has been added to a featured image, that caption will automatically become a title overlay. The default styling is large white text. You can click the grey caption box to expand the RTE and edit the title.

Note: Images can also be uploaded into the RTE as part of the title.

wave.png

 

 Back to top


How do I publish my Story?

A story can be embedded onto your webpage. To locate the embed code from within your story, navigate to Menu > Setup > Templates > Storytelling.

We always recommend embedding the script code into a responsive fixed container on your page. Using a container that spans the width of the page helps to highlight some of Storytelling's key features. 

Click here to learn more about Publishing your Story. 

 

 Back to top


Can I edit the Storytelling template?

There is currently no Top HTML template for Storytelling.

If you are using the javascript embed code for Storytelling, then your website's developer can target elements within the Story and modify them.

For more information, contact our Support Team at support@scribblelive.com.

 Back to top


Further Reading 

Check out our other Storytelling articles:  Introducing Storytelling, Storytelling for Mobile,

Or check out the Knowledge Base homepage for Storytelling here.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments