Embed feature

The <embed> element represents an integration point for an external application or for interactive content.

For example, you will be able to add a YouTube video or a Facebook post to your Fastory microsite or landing page, by embedding it. 

To do so, you just have to get the embed code directly from the post or the video. 

This will help increase the visibility of your content from other channels.

Website preloader feature


The website preloader allows you to pre-load your website or your blog into your Fastory microsite or landing page. The aim is to improve loading times to increase conversion and overall performance.  

There are two ways to display the website preloader into your Fastory microsite or landing page. Both have the same functionality. The only difference is the way the iframe will be displayed in your microsite :

  1. The website preloader as a button :

It will display it on the current brick, where his is setup.

     2. The website preloader as a brick : 

It will display it on another brick. 

The website preloader is not working on my Fastory microsite or landing page :

If so, your website might have some security settings blocking the iframe integration. 

Below you will find the process to allow your site to be loaded within a Fastory microsite. 

Server :

You should set the X-Frame-Options and the Content-Security-Policy
to be compatible with most browser

ie: chrome doesn't support ALLOW-FROM but supports the frame-ancestors where ie doesn't frame-ancestors but supports ALLOW-FROM )

CSP references : https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
X-Frame-Options: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

Apache

...
Header set X-Frame-Options "ALLOW-FROM https://story.tl"
Header set Content-Security-Policy "frame-ancestors https://story.tl;"

Nginx

...
add_header X-Frame-Options "ALLOW-FROM  https://story.tl";
add_header Content-Security-Policy "frame-ancestors https://story.tl;";

IIS

<system.webServer>
  ...

  <httpProtocol>
    <customHeaders>
    ...
      <add name="X-Frame-Options" value="ALLOW-FROM https://story.tl" />
      <add name="Content-Security-Policy" value="frame-ancestors https://story.tl;" />
    </customHeaders>
  </httpProtocol>

  ...
</system.webServer>

CMS

Magento

https://devdocs.magento.com/guides/v2.1/config-guide/secy/secy-xframe.html

Add the line below to the <Magento install dir>/app/etc/env.php file
'x-frame-options' => 'ALLOW-FROM https://story.tl',

for v1 of Magento :

  • Magento Admin Panel
  • System (from main navigation)
  • Configuration (might be last in sub-menu list)
  • Admin (found at bottom in left options column)
  • Security Section
  • Allow Magento Frontend to run in frame => Enabled

Did this answer your question?