Styla Hybris Plugin

This plugin connects your Hybris Store with Styla by embedding Styla content on a specific path and providing a source of product data. This documentation page should provide you an overview of how Styla works in general.

The plugin relies on hybris’ Service Layer Architecture and needs version 5.0 or higher.

Installation and Configuration

Please consult the documentation folder for information on how to install and configure the plugin.

New Layout Engine

If you start using Styla in 2018 or want to switch afterwards, you will use Styla's New Layout Engine that is able to render not only Magazines but also Pages.

In order to do that, please make sure that you do the change introduced in v 2.2 of the documentation in the table on page 11:

was in 2.1:
styla.scripts.baseurl  = //cdn.styla.com/scripts/clients
styla.styles.baseurl   = //cdn.styla.com/styles/clients

is in 2.2:
styla.scripts.baseurl  = //client-scripts.styla.com/scripts/clients
styla.styles.baseurl   = //client-scripts.styla.com/styles/clients

Only the settings below will make using the NLE possible. You set them in project.properties or in your local.properties.

SEO Content from Styla's SEO API

The plugin uses data from Styla's SEO API to:

• generate tags like: meta tags including <title>, canonical link, og:tags, static content inserted into , robots instructions
• insert these tags accordingly into HTML of the template the page with Styla content uses

This is done to provide search engine bots with data to crawl and index all Styal URLs, which are in fact a Single-Page-Application.

Once you install and configure the module, please open source of the page on which your Styla content is embedded and check if none of the tags mentioned below are duplicated. In case robotsor link rel="canonical" or any other are in the HTML twice, make sure to remove the original ones coming from your default template. Otherwise search engine bots might not be able to crawl all the Styla content or crawl it incorrectly.

You can finde more information on the SEO API on this page

Setup Process

The process of setting up your Content Hub(s) usually goes as follows:

1. Install and configure the plugin on your stage using Content Hub ID(s) shared by Styla
2. Share the stage URL, credentials with Styla
3. Styla integrates product data from endpoints provided by the plugin, test your stage Content Hub and asks additional questions, if needed
4. Install and configure the plugin on production, without linking to the Content Hub(s) there and, again, share the URL with Styla
5. Make sure your content is ready to go live
6. Styla conducts final User Acceptance Tests before the go-live
7. Go-live (you link to the Content Hub embedded on your production)