Integration

Fits into your system

Stylo runs in the browser and can be embedded in ad systems and self-service portals – via documented interfaces, as a Docker image and multi-tenant. We’re happy to support you with the integration.

Embedding

Embed it, don’t rebuild it

Stylo is a self-contained web application: the editor runs in the browser, while the server stores and processes the documents. You embed the editor as a view in your interface – directly, as StyloFrame or as the lean StyloFrameNG. Two interfaces connect both sides: via postMessage your system controls the editor, via StyloCallback Stylo asks your system and reports back. In the background, the ServerRenderer handles everything that doesn’t need anyone to open the editor.

Diagram: your system on the left with interface, image database, back end and production; Stylo on the right with editor, server and ServerRenderer. Interface and editor are connected via postMessage and StyloCallback, the back end via the ServerRenderer, the image database via an image connector.
Interfaces

What your system can do with Stylo

The interfaces cover the whole journey – from filling the template to the finished file.

Embedding of your choice

Stylo.jsp directly as a view, StyloFrame as the classic frame integration or StyloFrameNG as a lean embedding with WebDAV proxy – whatever suits your interface.

StyloCallback: queries and reports

Via the JavaScript interface StyloCallback, Stylo asks your system – for example for rights, colours, blocklist, pools or ad number – and reports changes, texts, PDF and preview back.

postMessage: texts and fields

Read, set and update text flows and user fields, query statistics, and show or hide fields. This way your system takes data from the order straight into the ad.

postMessage: images and design

Import images, backgrounds and decorative elements, set colours, lines and corners, change the height and width of the ad, transform documents.

postMessage: saving and output

Trigger saving, check for changes, create PDFs, print and choose preview formats – without anyone pressing a button in the editor.

postMessage: control

Set rights and the font pool per call, show notifications, undock the editor into a separate window or close the document. Your system decides what happens when.

ServerRenderer

Stylo without the editor

The Stylo ServerRenderer works in the background: it creates Stylo documents, fills templates with data, switches between templates without losing text or images, and produces PDF, JPG or PNG. In the alfa Webstore it shows designed variants of the ad for upselling while the customer is still typing. The ServerRenderer is included in the licence.

An ad in Stylo with ServerRenderer recommendations below it
Operations

Built for your infrastructure

As a Docker image

Stylo is available as a Docker image with all components. If you prefer, it also runs as a classic web application in Tomcat.

Multi-tenant

One installation serves several tenants, each with its own settings, rights and fonts. Access, administration and configuration use separate keys per tenant.

Images from your systems

Image connectors such as OpenMedia and MediaStore give Stylo access to your image databases; external image, background and decoration pools can be connected too.

Checks via interface

The Stylo Toolbox also offers its checks as an interface – for example to check templates automatically for overset text, missing fonts and image resolution.

Plan your integration

Let’s talk about your integration.

We’ll show you how Stylo fits into your ad system or portal and support you in connecting it.

Prefer to talk right away? Call us on +49 6074 3104-0 or email info@alfamedia.com.

Discuss your integration →