TLDR: Any Styla content is built out of modules. You drag and drop, then fill with content in our CMS at editor.styla.com. You can also see them rendered on any Page or Magazine. Modular Content usually consist of a single module.
The below modules can be used in the Editor to build Pages. More will be added in the future and can be developed on a client request.
It's a variant of the Product module above with just one product spanning full module width.
Embeds videos with players based on links from YouTube and Vimeo.
A merge of the banner and video modules, so you can set a banner with a video in background with it.
<iframe src="https://mywebsite.com/maypage" width="100%" height="1600px"></iframe>
Styla cannot source your Instagram content via Instagram API without your consent. In order to give this consent, log in to Styla Editor and follow the steps below.
First method: Instagram
You can authenticate with a simple Instagram account using this method. Please note that the number of likes and comments won't be shown in the Instagram Module using this method.
Second method: Facebook
Using Facebook requires an account linked to a Facebook business account managing a page connected to an Instagram business account. The Styla integration will break if the account used is removed from the Facebook business account or when the business account, or the page, are disconnected from the Instagram business account. It is possible to show the number of likes and comments using this method.
If you host .mp4 video files that you include in Text on Video modules then please make sure the server on which you host them provides Accept-Ranges: bytes setting in file headers. Without this videos won't play on iOS devices. You can find more details in an article by Apple here.
You cannot do this using the Styla instagram Module (it includes a feed, not a single post). But you can include a single post by doing the following:
let scriptTag = document.createElement("script");
So the whole HTML code should look like on the screenshot on the right. It might not render correctly in the Editor Preview but will work just fine on your website once you publish the page.