SmartLinks Link Page — User Guide

Audience: Brand managers, marketers, and anyone configuring the Link Page app. No technical knowledge required.

Contents

1. Overview
2. Getting Started
3. Admin Console Tour
4. Links
5. Sections
6. Widgets
7. Branding
8. Variants (A/B Versions)
9. Translate
10. Analytics
11. Templates & AI
12. The Public Experience
13. FAQ

Overview

The Link Page is a customisable landing page for your SmartLinks collection — a "Linktree for your products." When customers scan a SmartLinks tag, they land on this page styled with your branding, your links, and live widgets from your other SmartLinks apps.

What you can do:

• Custom branding — logo, hero image or media widget cover, colours, fonts, backgrounds
• Organised links — group into sections with multiple visual layouts
• Embedded widgets — pull live, interactive content from other SmartLinks apps
• Dynamic content — titles, taglines, and images can auto-populate from your product data
• Conditional visibility — show/hide links based on context (logged in, country, owned, etc.)
• Variants — create alternate versions of the page for A/B testing or audience targeting
• Multi-language — translate link titles and subtitles
• Analytics — page views, clicks, top links, referrers, countries, devices

Getting Started

The Link Page admin opens automatically when you select the app for a collection in the SmartLinks Admin Console.

First-time setup: if no configuration exists yet, you'll see the Template Selector. Pick an industry template, start from an AI-generated theme, or start from a blank wizard. Your collection's logo and name auto-populate via dynamic placeholders.

Customise, then click Save in the top-right. The Save button shows a pulsing indicator when there are unsaved changes, and you'll be warned if you try to leave with unsaved work.

Admin Console Tour

The admin has five top-level tabs:

On desktop a live preview appears beside the editor — when you're editing a variant, the preview reflects that variant. On mobile/tablet, use the Preview button to toggle between editor and preview.

Header controls also include Apply Template (reapply or switch templates anytime) and Save.

Links

Adding a link

Click + Add at the top of the Links tab or inside any section. The menu lets you create:

• External link — a URL opened in the browser
• Internal app — opens another SmartLinks app (with optional deep link)
• Widget — embeds a live widget (see Widgets)
• Image / Video — quick media items

When you choose Internal app, the Installed App picker appears first. Selecting an app auto-fills the title and icon, then you can refine title, subtitle, and pick a deep link.

Link fields

Conditions tab

Each link's edit dialog has a dedicated Conditions tab. Add one or more rules (e.g. "user is logged in", "country = DE", "proof is owned"). When previewing the admin you can use the visibility simulator to override conditions and check how the page looks under different scenarios.

Managing links

• Drag the handle (⠿) to reorder, including across sections
• Edit / Duplicate / Delete via the row icons
• Toggle visibility with the eye icon
• Each row shows its click count; switch to Stats mode (bar-chart icon) to rank links by performance
• Use the filter icon to focus on a single section

Sections

Sections group links and can each have their own display style and optional heading. Links not assigned to a section appear at the top of the page.

Display styles

Add sections with + Add Section, reorder via the ↑/↓ arrows, edit/collapse via the chevron and pencil. A section can only be deleted once empty.

Widgets

Widgets are live, interactive components borrowed from your other SmartLinks apps — competitions, social feeds, product cards, media players, and more.

Adding a widget

1. + Add → Widget in the Links tab.
2. Pick the App that provides the widget.
3. Pick the Widget within that app (some apps offer several).
4. Pick an Instance if relevant (e.g. a specific competition).
5. Configure widget-specific settings — these are defined by the widget itself and can include dynamic links.
6. Set Title, Size, and Display Style.

Sizes

Display styles

Widget link clicks are automatically tracked in analytics.

Branding

The Branding tab uses a vertical sub-nav with seven sections:

Text

• Title and Tagline — both support dynamic input modes so you can pull in {{ product.name }}, {{ collection.description }}, etc. without typing Liquid by hand.

Header

The page header is the area above your title/tagline. Choose what fills it:

For the media widget option, pick the Media app — the widget itself surfaces its own settings (link target, layout, etc.) just like any other widget.

Images

Controls logo and hero image when used in image-based header modes:

• Display order: Hero → Logo or Logo → Hero
• Logo: image, shape (circle / rounded / square / full width), size, alignment
• Hero: image, fit (cover / contain / fill / scale-down), height, aspect ratio, focal position

Tip: Use a transparent PNG for logos to avoid white boxes on coloured backgrounds.

Background

Colors

• Primary — buttons, accents, active states
• Text — main text colour
• Border radius — None / Small / Medium / Large / Extra Large

Typography

• Font Family — choose a Google Font or any custom name
• Font URL — auto-filled for Google Fonts, or paste your own

Footer

AI theme generator

At the top of the Branding tab, Generate Theme with AI suggests a coordinated palette, font, and radius based on your brand. Apply with one click; tweak from there.

Variants (A/B Versions)

Variants are alternate versions of the page. Use them for A/B tests, seasonal campaigns, or audience-specific experiences.

Creating a variant

Open the Variants tab and click + New Variant. Choose how to start:

• Clone homepage — copy the current live config
• Clone another variant — start from an existing variant
• Start from template — pick an industry template
• Start with AI wizard — generate a fresh look
• Start blank — empty canvas

While editing a variant, the live preview reflects that variant (not the homepage). Each variant has its own conditions controlling when it's served.

Promote & demote

Variants double as a safe draft workflow for the live homepage:

• Promote a variant → homepage. On any variant card, click Promote. The current live homepage is automatically snapshotted as a new draft variant ("Previous default — ") so you can roll back in one click, the variant's content becomes the new live homepage, and the promoted variant record is then deleted.
• Demote homepage → draft variant. Click Draft from default in the Variants header bar. The current live homepage is copied into a new draft variant ("Default draft — ") and opened in the editor. Tweak and test it freely — the live homepage is untouched until you promote.

Typical workflow: Draft from default → edit & preview → Promote when happy. The previous live version is kept as a draft so you can always revert.

Translate

The Translate tab appears when your collection has multiple languages.

1. Pick a target language.
2. For each title/subtitle, type a translation or click the wand to auto-translate with AI.
3. Translate All fills every empty entry in one click.

Empty translations fall back to the original text.

Analytics

Per-link stats are also visible inline on the Links tab; toggle Stats mode to rank by performance.

Templates & AI

Templates give you a styled starting point with sample sections and links. Available themes include Food & Beverage, Fashion & Apparel, Electronics & Tech, General Business, Health & Wellness, and Luxury & Premium.

The AI wizard can also generate a colour palette and tagline tailored to your brand. You can launch it from first-run setup, the Branding tab, or when starting a new variant.

Applying a template replaces your current configuration. Save first if you want to keep what you have.

The Public Experience

When customers land on your page they see:

1. Your header (image, media widget, or none) and branding (logo, title, tagline)
2. Your links, organised into sections in the chosen layout
3. Any embedded widgets running live
4. Your footer with legal links and optional attribution

• External links open in a new tab
• Internal app links open the target SmartLinks app within the portal (with deep-link parameters when set)
• Widgets are interactive in place — competitions, media, product cards all run on the page
• Dynamic content ({{ product.name }}, etc.) adapts automatically to whichever product was scanned
• If translations exist, customers see content in their preferred language automatically
• Conditional links only appear when their rules are met

FAQ

Can I undo changes? Changes aren't saved until you click Save. Refresh the page to revert to the last saved version. Once saved there's no undo, but you can edit and save again.

My changes aren't appearing on the public page. Make sure you clicked Save. If saved and still not visible, allow a moment for the CDN, or hard-refresh.

Can I have different pages per product? Configuration is stored per collection, but dynamic placeholders ({{ product.name }}, {{ product.image }}, etc.) personalise each scan. Use variants for fully different layouts targeted by condition.

Why can't I delete a section? Sections must be empty before deletion. Move or delete its links first.

Why doesn't my widget render? The widget needs an App and a specific Widget within that app selected. If only one widget exists in the app it's chosen automatically; otherwise pick from the dropdown.

My link only shows sometimes. Check its Conditions tab. Use the visibility simulator in preview to test scenarios.

How do I switch back to the homepage from a variant? Close the variant editor (back arrow at the top of the Variants tab) — the preview returns to the homepage configuration.

Where do I find the icons? Anywhere an icon picker appears, you can search the full Font Awesome Pro library or upload your own image.

Need more help? Reach out to your SmartLinks contact or the platform support team.