Embed customer stories on your website or landing page

Embed customer stories on your website or landing page

A powerful way to put customer stories to work is to embed SlapFive Boards 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.

If you’d rather use the SlapFive API to retrieve customer voice content from SlapFive and have your web developers design and build your own presentation of the content, then see Use SlapFive APIs to integrate with other apps.

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 “Our Customers’ Voice” section.
  2. Bring more focused customer insights to your Customer Stories page. Example: CloudBees.com – scroll down to the “Why is CloudBees the Right Choice for Us” section.
  3. Let customers tell their story on your “Why Us?” page. Example: LexiaLearning.com – scroll down to the “Why do you value working with Lexia?” section.
  4. Have customers explain why they replaced specific competitors. Example: Acumatica.com
  5. 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.
  6. Feature customers in a blog post series. Example: Acumatica.com – scroll down to the sliding tray with Christa Peterson’s stories.
  7. Bring your Customer Success page to life. Example: DavidMeermanScott.com – David’s Rave Reviews page.
  8. Promote customer events by hearing from award winners. Example: ITSMA.

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 on your website or landing page. This board should use a template that is designed for being inserted as a widget into a web page.

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=”board_1″></div>
<script type=”text/javascript” src=”//pym.nprapps.org/pym.v1.min.js”></script> <script> var pymParent = new pym.Parent(‘board_1’, ‘INSERT_URL_HERE’, {allowfullscreen: true}); </script>

3. In the pasted code snippet, where you see the text INSERT_URL_HERE, substitute the URL for the Board you want to embed 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.

4. If you want to embed more than one board on the same page, for the second board, replace “board_1” with “board_2” in both places it appears. Increase the number for each additional board you embed.

NOTE: Make sure that when the code was pasted, you ended up with straight quotation marks, not curly quotation marks, or your browser may not like you.

}(jQuery));