Editing Widgets, Styling and Messaging in Smart Content
Customise every part of your Smart Content to match your brand, improve engagement, and deliver the right message to the right shopper.
Overview
Smart Content allows you to create personalised banners, messages, and offers that adapt to each shopper's behaviour. Once created, you can edit, style, and refine every element - from the widget layout to the message copy to the offer logic. This gives you full control over how your content looks, feels, and performs across your storefront.
You can update messaging, adjust styling, configure offers, preview changes, and continuously optimise performance without losing analytics or recreating content.
Helps you keep Smart Content relevant and high-performing.
Understanding Smart Content Widgets
A Smart Content widget is made up of four editable components:
- Content type - banner, message, or offer
- Styling - colours, layout, imagery, spacing
- Messaging - headline, body text, CTA
- Offer - discounts, bundles, urgency, free shipping
Each component can be updated at any time without affecting your targeting rules.
Practical example:
A 'Free Shipping Over £50' banner can be refreshed with a new headline, CTA, and seasonal background without recreating the widget.
A widget is the visual container for your Smart Content.
Opening and Editing an Existing Widget
When you open a Smart Content item, you can edit its content type, message, offer, styling, triggers, frequency, and targeting rules. All changes take effect immediately once saved.
Practical example:
If a banner for returning shoppers is underperforming, you can update the headline, adjust the trigger timing, and change the background image while keeping all performance data.
Editing keeps all analytics intact.
Updating Messaging
The messaging editor allows you to change the headline, body text, call-to-action, and tone. Messaging is one of the strongest drivers of engagement.
Best practices:
- Keep headlines short
- Use action-focused CTAs
- Match tone to the shopper segment
- Use urgency sparingly
Practical example:
'10% Off Today' becomes 'Ends Tonight: 10% Off Everything', increasing urgency and engagement.
Small wording changes can significantly boost clicks.
Configuring Offers
The offer editor lets you add or update discounts, free shipping thresholds, bundles, urgency messages, and value-based incentives.
Practical examples:
- 'Spend £10 more for free shipping'
- 15% off for first-time visitors
- 'Complete the Look' bundles
- Countdown timers for seasonal promotions
Use offers to influence shopper behaviour.
Styling Your Smart Content
Styling options allow you to customise colours, typography, imagery, layout, and mobile responsiveness. Good styling ensures Smart Content feels native to your brand.
Best practices:
- Use brand colours
- Keep text readable
- Use high-quality images
- Test on mobile
- Avoid clutter
Practical example:
Updating button colours and increasing mobile font size can dramatically improve readability and clicks.
Good styling builds trust and improves engagement.
Previewing Your Changes
The preview tool shows how your widget will appear on desktop and mobile, how the message reads, how the offer displays, and how the AI will target the content.
Practical example:
You may notice the headline is too long on mobile or the CTA blends into the background, allowing you to fix issues before publishing.
Preview helps you catch layout issues early.
Understanding Performance Impact
Every change you make affects engagement rate, relevance, conversion rate, and shopper fatigue. Reviewing performance helps you understand what to refine next.
Practical example:
Changing 'Learn More' to 'Shop the Collection' can increase engagement by 30%.
Low clicks usually mean messaging or styling needs improvement.
Using Edited Widgets for Campaigns and Personalisation
Editing widgets enables you to refresh seasonal campaigns, tailor messaging for segments, improve mobile readability, test variations, update offers, and react quickly to stock or promotional changes.
Practical example:
A winter sale banner can be updated with new imagery and messaging for a spring campaign without rebuilding the widget.
Editing lets you adapt quickly without rebuilding content.
Ensuring Smart Content Appears on Your Storefront
Smart Content will only display if the AI Personalised Banner Block is added to your theme. You must also ensure display rules match page placement and that no theme settings hide the block.
Practical example:
If your banner is set to show on the homepage but the block is only added to product pages, it will not appear.
Tooltip - Visibility
Most display issues happen when the banner block is missing.
Best Practices for Editing and Styling
- Review performance before making changes
- Test messaging variations
- Keep styling consistent
- Prioritise mobile readability
- Use clear CTAs
- Update offers based on behaviour
- Avoid overwhelming shoppers
Editing is not just about aesthetics - it is about improving performance and relevance.
Continuous refinement leads to better results.
