Embed customer stories on your website or landing page

A powerful way to put customer stories to work is to embed them on your website, microsite, or landing page. SlapFive makes this super simple. This article gives you some ideas for where and why to embed stories, and explains how to do it.

Ideas for where and why to embed stories

  1. Put a tray of stories on your homepage to lure people to click deeper into your site. Example: SlapFive.com – scroll down to the What Sales, Marketing, and CX Experts Say section.
  2. Add a page where customers give advice to your prospects to get them in the right mindset for your solution. Example:  BuyerPersona.com – Advice from your Peers page under the Resources menu.
  3. Bring your Customer Success page to life. Example: DavidMeermanScott.com – David’s Rave Reviews page.
  4. Reuse existing assets like webinar recordings. Example:  CarbonBlack.com – customer webinar highlights that address buyers’ biggest concerns.
  5. Provide customer validation of claims being made on any page. Example:  You have a page that talks about how easy to use your solution is, have 3 customers talk about your ease of use.
  6. Post customer Q&A’s to your blog. Example:  You asked a customer 5 questions in an interview, embed them as a Q&A.
  7. Use customer voice to increase conversions on a landing page. Example:  On the sign-up page for your event, have stories from customers who attended previous events talking about the value.

How to do it

You can embed a single Story or a set of related Stories anywhere on your web page. To simplify the display of Stories, SlapFive uses Boards as the container for the one or more Stories, and the Board is then embedded as a widget at your desired location. Here’s how to do it.

1. Make a SlapFive Board that contains the Story(ies) that you want to show in a particular spot on your website or landing page. This board can use any template, but it is best if it is a template that is optimized for being inserted as a widget into a web page. SlapFive will help you create templates if you have a sense for how you want to present the information.

2. Within your web content management (WCM), blog, or landing page editor, go to the location you want to insert the SlapFive Board, and copy and paste the following code snippet:

<div id=”embed”></div>
<script type=”text/javascript” src=”//pym.nprapps.org/pym.v1.min.js”></script>
<script> var pymParent = new pym.Parent(’embed’, ‘INSERT_URL_HERE’, {allowfullscreen: true}); </script>

3. In the pasted code snippet, substitute the URL for the Board where you see the text INSERT_URL_HERE, within the single quotation marks. You can find the URL by previewing the Board and copying the address bar contents, or by clicking the Copy URL button next to the Board on the Boards tab in SlapFive.