SlapFive Docs
Search
⌃K

Embed customer voice on your website or landing page

A powerful way to put customer content to work is to embed it on any web, mobile or social property. This section gives you some ideas for where and why to embed and how to do it.
SlapFive makes this super simple to embed Boards as widgets on your corporate website, campaign landing pages, microsites, blog posts, and social campaigns. 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.

Ideas for where and why to embed stories

  1. 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. 2.
    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.
  3. 3.
    Have customers explain why they replaced specific competitors. Example: Acumatica.com
  4. 4.
    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.
  5. 5.
    Feature customers in a blog post series. Example: Acumatica.com – scroll down to the sliding tray with Christa Peterson’s stories.
  6. 6.
    Promote customer events by hearing from award winners. Example: ITSMA.

How to do it

  1. 1.
    Make a SlapFive Board that contains the Story(ies) that you want to show. This board should use a template that is designed for being inserted as a widget.
  2. 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. 3.
    Where you see the text INSERT_URL_HERE in the pasted code snippet, substitute the URL of 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. 4.
    Go to the web page where you pasted the code and make sure the widget displays properly. If not, 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. You may also need to adjust the size of the page element so that the widget displays properly.
  5. 5.
    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.
TEST IT OUT WITH ONE OF OUR URLS: <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', 'https://slapfive.slapfive.com/b/cjpyinqpm00l40111j6jt005v/Why_SlapFive_is_a_must_have_widget', {allowfullscreen: true}); </script>