Cutnut Widget

Embed Stories on your website

Easily embed Stories on your websites and mobile apps. Check out examples below and get started instantly. Your first-class content deserves a first-class visual experience.

See Examples
Cutnut AMP Story Web Widget

Widget Samples

1. Single Widget

You’ll find the single widget example floating on the right of this page as a single Story preview bubble. Once clicked the Story will playback in a fullscreen iframe that will temporarily overlay the page.

Embed Code

 <div id="cutnut-widget43809023" cutnut-url="https://cutnut.tv/amp/50908771-543b-4246-8a4e-a36370f04550"; cutnut-img="https://cutnut.net/wp-content/uploads/2019/10/Screenshot-2019-10-31-at-19.02.32.png"><div id="cutnut-imgwrap876536"></div></div>
<script src="https://storypepper.com/widget/widget.js"></script>
 

2. Multi Widget (Bubble Style)

This version of the widget allows for easy embedding of multiple Stories styled similarly to the way Stories are displayed in the popular Instagram app. Increase brand recognition and loyalty by engaging the user in this familiar format.

Embed Code

<div id="cutnut-multistory8034380" bcolor="transparent" shadow="0" justify="1" rounded="1" squared="0" style="border:1px solid rgba(205, 205, 205, 0.5); border-radius: 20px !important;">
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-theatlantic-com.cdn.ampproject.org/c/s/www.theatlantic.com/assets/media/interactives/2019/01/02/the-amazon-gold-rush-atlantic-amp-story/" cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.02.33.png"></div>
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www.washingtonpost.com/graphics/2018/national/amp-stories/border-wall/"; cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.02.42.png"></div>
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-pcgamesn-com.cdn.ampproject.org/c/s/www.pcgamesn.com/amp-stories/best-battle-royale-games.html" cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.02.53.png"></div>
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://people.com/amp-stories/royal-a-to-z/" cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.03.04.png"></div>
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-usatoday-com.cdn.ampproject.org/c/s/www.usatoday.com/amp-stories/beyonce-rule-the-world/" cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.03.14.png"></div>
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-washingtonpost-com.cdn.ampproject.org/c/s/www.washingtonpost.com/graphics/2019/national/amp-stories/2019-state-of-the-union-reactions/" cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.08.21.png"></div>
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://expansion.mx/ampstories/2018/12/12/nueve-hoteles-para-dormir-antes-de-morir" cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.12.34.png"></div>
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-wired-com.cdn.ampproject.org/c/s/www.wired.com/amp-stories/space-photos-of-the-week-111817/" cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.13.31.png"></div>
    <div class="cutnut-story6342" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-bbc-co-uk.cdn.ampproject.org/c/s/www.bbc.co.uk/news/ampstories/moonmess/index.html" cutnut-img="https://cutnut.net/wp-content/uploads/2020/05/Screenshot-2020-05-13-at-13.12.23.png"></div>
</div>
    <script src="https://storypepper.com/widget/widget2.js"></script>

3. Multi Widget (Card Style)

The multi widget (card style) sets the stage for your Stories with a more intriguing selection of content. Each card reveals a full slide preview that entices your audience to click and discover more.

Embed Code

<div id="cutnut-multistory80343801" bcolor="transparent" shadow="0" justify="1" rounded="1" squared="1">
<div class="cutnut-story6341" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-theatlantic-com.cdn.ampproject.org/c/s/www.theatlantic.com/assets/media/interactives/2019/01/02/the-amazon-gold-rush-atlantic-amp-story/" cutnut-img="https://cutnut.net/wp-content/uploads/2020/04/story-theatlantic.jpg"></div>
<div class="cutnut-story6341" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www.washingtonpost.com/graphics/2018/national/amp-stories/border-wall/" cutnut-img="https://cutnut.net/wp-content/uploads/2019/01/Cutnut_Story_Wash-1-1-1.png"></div>
<div class="cutnut-story6341" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-pcgamesn-com.cdn.ampproject.org/c/s/www.pcgamesn.com/amp-stories/best-battle-royale-games.html" cutnut-img="https://cutnut.net/wp-content/uploads/2020/04/story-pcgamesn.jpg"></div>
<div class="cutnut-story6341" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://people.com/amp-stories/royal-a-to-z/" cutnut-img="https://cutnut.net/wp-content/uploads/2019/01/Cutnut_Story_People-1-1-1.png"></div>
<div class="cutnut-story6341" bcolor="linear-gradient(45deg, rgba(250,0,255,1) 0%, rgba(127,238,37,1) 100%);" cutnut-url="https://www-usatoday-com.cdn.ampproject.org/c/s/www.usatoday.com/amp-stories/beyonce-rule-the-world/" cutnut-img="https://cutnut.net/wp-content/uploads/2020/04/story-usatoday.jpg"></div></div>
<script src="https://storypepper.com/widget/widget3.js"></script>

Increase audience retention with Cutnut Widgets