Story Page Elements

Examples: Related Stories | Gallery | Pull Quote | Text Box | Video Embed | SNO Poll

You can (and should!) add elements like pull quotes, polls, and related stories that will take you beyond the featured image and the text in a story's page. Using the SNO Story Element button, you can add related stories, galleries, pull quotes, text boxes, video and audio embeds, and reader polls. If you have our Site Booster add-on you can also add advertisements, PDF flipbooks, tests and quizzes, as well as sports schedules, standings, and rosters to your sports stories. To add any of these elements simply follow the instructions below.

1. While adding/editing a story, place your cursor in the place you’d like the element to go. Usually, it works best to press enter, giving the element it's own line in the text editing box.
2. Click the Add SNO Story Element button above the text editing window.
3. A pop-up window will give you all of the different options story elements, click the button for the one you are interested in adding.
4. Complete the form.
   • Related Stories: Use either a title or keyword search to generate stories that are similar and select the stories you'd like to include. Set your display options and click insert.
   • Gallery: Click “Add Image” and choose the images you would like to include in your gallery from your website’s media library. Use your cursor to reorder them if needed and click insert.
   • Pull Quote: Add the speaker’s name, text and set your display options. Insert into the body of your story.
   • Infobox: Add custom content boxes within your stories. The infobox has to be created prior to inserting it into the story. 
   • Text Box: Type in a title for your bar and then add and format your bar’s text. Set your display options and click insert.
   • Videos Embed: You need to use a third-party video or audio file hosting service to store and serve your files. These services are built specifically for serving high quality video or audio, and their accounts are free.  Start by creating an account and uploading video to a video-hosting site like YouTube or Vimeo, etc. For Audio files, try SoundCloud or Spotify. Note: Videos embedded this way will not show in the Video Category Display widget. This element can also be used to embed videos or audio not created by your staff (e.g. movie trailers, Spotify playlists, etc.)
   • Generic Embed: The Generic Embed widget allows an iframe to be embedded on the page as content. This can be used to embed content created on a third party site to be placed in your story (e.g. infographics, social media posts, etc.)
   • SNO Poll: You will need to create the poll before you can add it to a story page. Once it has been created, select it and set your display options.
   • Countdown: A countdown to a certain time/date. Add a countdown title and a message for when the countdown is over. 
   • If you have the Site Booster add-on you also have access to the following elements:
   • Infographic: You will need to create the infographic before you can add it to a story page. Add a created infographic to the story.
   • Advertisement: Select the ad group, set your display options and click insert.
   • Sports Extras (Sports Schedule, Sports Roster, and Sports Standings): These options will only function properly if you are keeping the Sports Center up-to-date.
   • PDF Flipbook: You will need to create the flipbook before you can add it to a story page. Once it has been created, select it and set your display options.
   • Test: You will need to create the test before you can add it to a story page. Add a created test or multi-question poll to the story.
   • Quizzes: You will need to create the quiz before you can add it to a story page. Add a created predictive quiz to the story.  
5. Click the Insert button.
6. A line of short code will now show up in your story.
7. Click Update/Publish and go to view the story to see how your story page looks.

Hyperlinks within a Story

1. While adding/editing a story, highlight the words you’d like to hyperlink.
2. Click on the icon that looks like a little chain above the text editing window that has a hover label of “Insert/add link”.
3. Copy and paste the URL (be sure to start with http://)
4. Click Update.