Styla Plugins

TLDR: While this documentation site is about integrating Styla to your website by updating your web app, there is an easier way. Styla has developed and maintains plugins for commonly used e-commerce and content solutions.

These plugins take care of all the integration work listed in this table for which otherwise a custom development work would be required. 

How does it work

There are four main tasks each of the plugins takes care of for Styla Pages and Magazines:

1. Creating a page using a standard page template with Styla tags embedded between its header and footer:

<script src="https://client-scripts.styla.com/scripts/clients/{account-name}.js async></script>
<div id="stylaMagazine"></div>

2. Creating a wildcard route for a path Styla will take over and on which the page from 1. is located. If this path is /inspiration then a request for /inspiration/my-page will be routed to the page from 1. and then the Styla JS will render Styla page content or Styla 404, depending on whether this path exists on Styla or not. This way, any page published with editor.styla.com will be available on your website right away.

3. Rendering Styla content as static HTML tags in the Magento template on the page mentioned in 1. 

4. Providing product data from the shop via an API. Plugin creates three endpoints:

  • list of categories
  • search results
  • details for a specific product (variants color/size, availability and price per variant)

For some of e-commerce solutions product data is sourced directly from their open APIs. In such cases Styla only needs them configured and an API key to integrate with them. See details in the table below.

Please note, that currently most of the plugins below can't handle embedding of Modular Content as this depends on each shop's front-end heavily.

Plugin list

Almost all of the plugins below embed Styla Magazines and Pages on your website, provide wildcard routing for them and render content from Styla's SEO API server-side as HTML tags.

They all use the default page template to embed the content on and render the tags in so if you need to use any other template, you will need to customise one line in the plugin.

The plugins for online shop applications in addition provide Styla with an API to source product data from. This way products from your shop can be added to Styla content.

Please click the links in the table below to view GitHub repositories or each of the plugins. They include specific readme files with installation and configuration guides and solutions of common issues. Hover underlined feature names to read more about them. Also, feel free to send us pull requests.

Plugin: Content embedding: MC embedding: Homepage support: Routing: Multiple languages: Multiple paths: Server-side rendering: Product data: Comments:
BigCommerce

X

X

Hybris

X

Hover to read
Magento

X

Hover to read
Magento 2

X

Hover to read
Oracle CC

X

X

X

X

OXID

X

X

X

SalesForce (Demandware)

X

(✓)

Hover to read
Shopware 5

X

X

X

Spryker

(✓)

Hover to read
TYPO3

X

X

X

X

Hover to read
WordPress

X

X

X

Hover to read

Styla PHP SDK

If you use any other PHP application, then please have a look at this repository: Styla PHP SDK. You can develop your own Styla plugin/module based on that, with little effort.