Marfeel Layouts template engine for content rendering
Marfeel Layouts are reusable templates that control how content appears across Flowcards, Inline Experiences, Popups, and Amplify social visuals. No code deployment required.
Each Layout combines HTML, CSS, and JavaScript with dynamic data injection. You design the template once. The rendering engine fills it with article data (titles, images, authors, metadata) every time it displays.
How the rendering engine works
Section titled “How the rendering engine works”A Layout is a template with placeholders. The Trimou rendering engine processes each placeholder and replaces it with actual content.
Example: A template containing {{title}} becomes Breaking News when rendered with article data.
This architecture delivers three benefits:
- One template, infinite articles. Design once, apply everywhere.
- Consistent branding. Every piece of content follows your visual standards.
- Real-time updates. Change the template, and all rendered content updates automatically.
What you can build with Layouts
Section titled “What you can build with Layouts”Layouts support four core capabilities:
- Custom templates. Build HTML/CSS layouts with full control over structure and styling.
- Dynamic content injection. Use Mustache templating syntax to pull article data into your designs.
- Social visuals. Generate branded images for Amplify distribution.
- Custom recommendations. Control how recommended articles appear to readers.
Going deeper
Section titled “Going deeper”- Layout Editor: The visual interface for building and testing layouts
- Templating Syntax: Mustache tags, conditionals, and data fields
- Amplify Layouts: Creating social media visuals
- Recommender Layouts: Customizing article recommendations
What are Marfeel Layouts?
Marfeel Layouts are reusable templates built with HTML, CSS, and JavaScript that render content across Flowcards, Inline Experiences, Popups, and Amplify social visuals. The Trimou rendering engine fills each template with dynamic article data such as titles, images, authors, and metadata.
How does the Marfeel Layouts rendering engine work?
A Layout is a template with Mustache-style placeholders. The Trimou rendering engine processes each placeholder and replaces it with actual content from article data. For example, a template containing {{title}} becomes the real article title when rendered.
Do Marfeel Layouts require code deployment?
No. Marfeel Layouts do not require code deployment. You design the template once, and the rendering engine fills it with article data every time it displays. Changes to a template update all rendered content automatically.