Here is what you need to know:
- The goal of the Preview release is to present you with an opportunity to try out the initial version of Storytelling in order to validate our assumptions and encourage early feedback.
- The Preview Release is NOT a "commercial" product and therefore limitations will currently exist
- Preview releases are not supported by our Support team in the same manner as other commercial features. Please send feedback to me and not to support.
- Since the Preview version is a "work in progress" - as we make enhancements and add new features we will continue to release these updates. Therefore your may see new updates/changes on a weekly basis.
- Storytelling will be part of Scribble's Enhanced Experience (EE) Package. If EE is part of your contract, it will stay activated in your account. If you do not use EE, Storytelling will be deactivated for your account after the Preview phase unless you upgrade to EE.
- 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
- Storytelling ONLY works with Content Studio
HOW DOES A USER CREATE A STORY?
A, Create a Story Workflow
1. Select "Create > New Story" from Create menu in the left navigation bar
2. Storytelling Set-up
- add a title (only used in the backend for identification)
- set in-stream Ads (if applicable)
- click "Create a New Story" → This will take you to Content Studio
- Storytelling embed codes (script / iframe) are available from the Templates page as usual
(B) Alternative Method: Template-Only Option
A user can also grab a Storytelling embed code from the Templates page for ANY Stream; just like you do for Embed/Pinboard/Timeline. However we highly recommend you use the Create > Story workflow (see above) so that you can benefit from the custom Content Studio "Story" interface.
PUBLISHING CONTENT TO A STORY
After set-up (via workflow A described above) a user is taken into a version of Content Studio that is enhanced for Storytelling. (For the Preview release this enhancement is limited to a Preview option, but we do plan to add additional UX enhancements to the Commercial Version. Preview release feedback will help inform priority.)
Feature (Hero) Images
- To set a Feature Image a user can apply a hero tag to a direcly uploaded image. It will then appear as a full width 'Feature image' on the front-end. The caption will appear centered on top.
- This is primarily used for setting the Feature title, but can be used elsewhere as needed.
- 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.
- You can also make a direct uploaded video or GIF a "hero video" and set that as your Feature slide. Try it by adding a "hero" tag to your uploaded video or GIF.
- 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. (For the commercial version we are exploring a way for a reader to click to view these images in full).
Parallax Scrolling Images
- 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.
- No tag is needed here, this happens at the template level.
- Parallax images/ videos are full width of the page - so large images should always be used here. We recommend 1920 x 1080 or above.
- Parallax 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. (Here again we are exploring a way for a reader to click to view these images in full in the commercial version).
- If you publish a single direct upload image then it will appear as a constrained image with a smaller aligned caption. Single uploaded images will remain at their original aspect ratio.
- Layout columns can be used to control text alignment for side by side text, or text next to an image. For mobile this display will automatically adjust (image below text) for improved legibility.
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 (they have been newly designed for storytelling!)
- Instagram Posts
- Facebook Posts
- YouTube Posts
- In-line Ads
- Getty Posts
- Audio uploads
- Audio (via direct upload)
- iframe embeds (e.g. Soundcloud)
- PDFs (via direct upload)
The following posts are NOT Supported meaning, they will be automatically omitted/disabled for the Storytelling experience.
- Reader Comments
- Posts published using the Old Writer Interface
- SL App posts (some do work - such as images but we do not recommend using the App until the Commercial Release)
PREVIEWING A STORY
Since the back-end published stream will still look like a traditional stream a Preview option is available. You can click the "Preview" button in the top right corner of your text editor and can view the Storytelling front-end experience (live updating).