How Smart Content integrates with the Storefront
How Smart Content fits into your theme and works alongside your personalised experience
Overview
Smart Content integrates directly with your Shopify storefront through the Liva 7 Smart Content block. Once added to your theme, this block becomes the delivery point for all targeted messages, banners and offers. Smart Content does not override your theme or disrupt your layout. Instead, it blends into your existing design, inherits your styling and adapts to the shopper's behaviour in real time.
This article explains how Smart Content fits into your storefront, how it works with your theme and how it supports a seamless personalised experience.
Smart Content as a theme‑integrated layer
Smart Content is not a pop‑up, overlay or intrusive element. It lives inside your theme as a native block. This means it respects your layout, spacing, typography and design rules. The engine controls the message, but your theme controls the presentation.
This creates a personalised experience that feels natural rather than added on.
Smart Content appears as a native block inside your theme.
How Smart Content uses the Liva 7 Smart Content block
The Liva 7 Smart Content block is the container that displays Smart Content on your storefront. You can add this block to any section that supports dynamic blocks. Once placed, it becomes the location where Smart Content appears whenever a message is eligible.
The block does not need to be edited or updated manually. Smart Content fills it automatically.
The Liva 7 Smart Content block is the delivery point for Smart Content.
Theme styling vs manual styling
The Liva 7 Smart Content block includes a styling toggle that lets you choose how the block should look:
1. Inherit theme styling
The block automatically adopts your theme's:
- fonts
- colours
- spacing
- button styles
- headings
- layout rules
This option keeps Smart Content visually consistent with the rest of your store.
2. Manual styling
If you prefer full control, you can switch the block to manual styling. This unlocks customisation options inside the theme editor, allowing you to adjust:
- colours
- fonts
- spacing
- borders
- button styles
- layout and padding
- any design settings your theme exposes
This gives you complete flexibility while keeping the content powered by Liva 7.
All Smart Content blocks can be styled using your theme editor.
How Smart Content adapts to different page types
Smart Content behaves differently depending on where the block is placed. The same block can appear on multiple pages, but the message will change based on page context.
Examples include:
- on the homepage, Smart Content may show discovery or welcome messages
- on product pages, it may show reassurance or comparison messages
- on collection pages, it may show guidance or category‑aligned messages
- on the cart page, it may show friction‑reducing or checkout‑support messages
The block stays the same. The message adapts.
Page context influences which message appears.
How Smart Content works alongside widgets
Smart Content and widgets are designed to complement each other. Widgets recommend products. Smart Content communicates with the shopper. Both use the same behavioural engine, which means they work together rather than compete.
Examples:
- a reassurance message may appear above a product recommendation widget
- a guidance message may appear before a collection‑based widget
- a checkout support message may appear alongside a cart‑based widget
Together, they create a cohesive personalised journey.
Smart Content and widgets work together to personalise the experience.
How Smart Content avoids layout disruption
Because Smart Content lives inside a theme block, it cannot break your layout. It respects your theme's structure and spacing. If no message is eligible, the block remains empty or hidden depending on your theme's behaviour.
This prevents gaps, broken sections or unexpected layout shifts.
Smart Content never disrupts your theme layout.
How Smart Content avoids layout disruption
Because Smart Content lives inside a theme block, it cannot break your layout. It respects your theme's structure and spacing. If no message is eligible, the block remains empty or hidden depending on your theme's behaviour.
This prevents gaps, broken sections or unexpected layout shifts.
Smart Content never disrupts your theme layout.
How Smart Content updates in real time on the storefront
Smart Content updates instantly as the shopper interacts with your store. If behaviour changes, the message can change too. This happens without reloading the page or interrupting the shopper.
Examples include:
- a shopper hesitating on a product page may see a reassurance message
- a shopper returning after a break may see a welcome‑back message
- a shopper moving from browsing to buying may see checkout‑support messaging
The experience feels dynamic and responsive.
Messages update automatically as behaviour changes.
How Smart Content supports long‑term storefront consistency
Smart Content is designed to work with any modern Shopify theme. As your theme evolves, Smart Content continues to adapt without requiring updates or redesigns.
It supports long‑term consistency by:
- inheriting theme styling
- respecting section structure
- adapting to layout changes
- remaining compatible with theme updates
This ensures your personalised messaging remains stable over time.
Smart Content stays compatible as your theme evolves.
How Smart Content fits into your overall personalisation strategy
Smart Content is one part of a larger personalisation ecosystem. It works alongside widgets, bundles and behavioural logic to create a complete, adaptive experience. By combining targeted messages with personalised product recommendations, you create a storefront that feels intelligent, supportive and aligned with each shopper's journey.
Smart Content becomes a natural extension of your brand's communication.
Smart Content enhances your overall personalisation strategy.
