Embed Live Story experiences in pages with a shortcode

livestory

<p>Design and publish layouts online and to remote screens in no time. Live Story is a next-gen UX design platform that boosts productivity and creativity on your WordPress site.<br />
With our freehand editor, you can freely craft layouts on a blank canvas, add rich animations, and optimize for conversions.</p>
<p>Prefer templates? Build your own library and seamlessly blend them with your designs.</p>
<p>This integration brings unmatched creative agility to WordPress, perfect for content that needs frequent updates, ensuring your site stays fresh, engaging, and conversion-focused.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/4am_agsJ0zQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>External services</h3>
<p>The correct Live Story functionings requires the Live Story javascript main script asset to be loaded.<br />
Live Story plugin automatically loads Live Story main script <code>https://assets.livestory.io/dist/livestory-xxxx.min.js</code> where xxxx stands for brand<br />
code set up on plugin configuration.</p>
<p>Official documentation can be found here: https://livestory.nyc/documentation/articles/basic-client-side-integration/#main-script</p>
<p>Live Story services are compliant with Art. 13 of Regulation (EU) 2016/679 (“GDPR”) regarding the processing of your personal data that we collect when you browse the Site and interact with its services. Detailed infos can be found at https://livestory.nyc/privacy page.</p>
<h3>Setup guide</h3>
<p>Live Story plugin can be installed in 2 ways. In first, you have to download the folder and manual upload it by FTP on WordPress plugins folder.<br />
The second way, much faster, simply required to search Live Story on plugins installation module directly inside your WordPress admin panel.</p>
<p>If you are installing with first way:</p>
<ol>
<li>
<p>Clone this repository in the <code>wp-content/plugins</code> directory</p>
</li>
<li>
<p>Activate it from the admin panel</p>
</li>
<li>
<p>Manage your configuration using the ‘Live Story’ menu option to enable plugin and set brand code</p>
</li>
</ol>
<h3>Brand setup</h3>
<p>Brand code must be filled with your brand code on the plugin installation page, as required from plugin to work correctly (see screenshot 1)</p>
<h3>Syntax</h3>
<h3>Add a layout</h3>
<pre><code>[livestory id="xyz" type="layout"]
</code></pre>
<h3>Add a destination</h3>
<pre><code>[livestory id="xyz" type="destination"]
</code></pre>
<h3>Stores and language</h3>
<p>Support for store and language codes is available using the parameters <code>store</code> and <code>lang</code>.</p>
<pre><code>[livestory id="xyz" type="layout" store="storeid" lang="foo"]<h3>Example contents shortcodes</h3>
</code></pre>
<p>In Live Story plugin settings, set brand code value: <code>demo</code></p>
<p>Use following shortcodes in WordPress pages:</p>
<pre><code>[livestory id="66aca2d449fcbc000846e6b7" type="layout"]

[livestory id="65ba07376c11e000080a6b7c" type="destination"]
</code></pre>


Alternatives to Live Story

Top alternatives