LogoLogo
Chainbox Webshop
Chainbox Webshop
  • Chainbox Webshop documentation
  • Umbraco backoffice extension
    • Introduction: Umbraco backoffice extensions
    • Accessing Umbraco
    • Setup and configuration
      • Site profile settings - Chainbox module
        • Information, general and layout settings
          • Locale
          • Shared customer profile concept
          • Shop information settings
          • Company information settings
          • Primary layout colors and Favicon
          • Configure opening hours
        • Content
          • Global header notification
          • Top navigation items
          • Logo & tagline
          • Main navigation
          • Default footer configuration
            • Custom footer setup
        • Products
          • Product category settings
          • Product restriction setup
          • Indexing and search setup
          • Pricing display and purchase setup
          • Stock setup
          • Productlist setup
          • Productdetail settings
          • Product and category meta information settings
        • Checkout
          • Cart settings
          • Voucher, gifts & fees setup
          • Delivery/shipping setup
          • Paymentmethod setup
          • Terms configuration
        • Emails
          • Email theme setup
          • Email templates
        • Services
          • Newsletter provider setup
          • Consent provider setup
          • Tracking setup
          • Trustpilot setup
        • Security
          • Content Security policy setup
        • Debug
      • Global settings
        • Layout
        • Scripts & styles
        • Robots.txt
    • Content extensions
      • Content relations
      • Block Grid extensions
        • Row settings
          • Creating additional rowgrids
        • Column settings
        • Grid editor extensions
          • Anchor
          • Button
          • Contact form
          • Content slider
          • Headline
          • Magic tile
          • Newsletter subscription
          • Image
          • Parallax Image
          • Product List
          • Products
          • Slideshow
          • Template items
            • Introduction
            • Category specific
              • Category list
              • Category navigation
              • Product listing
            • Product specific
              • Recommended products
              • Content relations
              • Product documents
              • Product Images
              • Product information
              • Product purchase
              • Product specs
              • Related products
            • Generic
              • Header
              • Image
              • Popular products
              • Text
              • Video
          • Trustpilot widget
          • USP
          • Video
          • Umbraco standard
            • Embed
            • Macro
              • BrandList
              • CategoryMap
              • ContentLinks
              • ContentList
              • FeaturedBrands
              • FeaturedContent
              • FooterSoMeLinks
              • ImageGallery
              • RelatedContent
              • RelatedProducts
              • SiteSelector
              • TrustRating
              • TrustTextWithIcon
            • Quote
            • Richtext editor
      • Content templates
      • Documenttypes
        • System documenttypes
        • Landingpage documenttype
          • Landingpage (collection) document type
          • Landingpage (standalone) document type
          • Landingpage restriction by membertype
        • Homepage document type
        • Siteselector documenttype
    • User management
      • Users
      • User Groups
    • Media
  • Webshop frontend
    • Introduction: Webshop frontend
    • Templates
      • Homepage
      • Product pages
        • Product category listing
        • Product details
          • Variants
        • Content pages with vertical productlists
      • Checkout process
        • Shopping cart
        • Billing and shipping information
        • Payment
        • Order confirmation
          • Email receipt
      • Content & landingpages
      • Customer area
      • Header and footer
    • Functions
      • Search
      • Shortcuts
      • Pricing
      • Serverside tracking
      • CSV import
      • Vouchers
    • Settings
      • Labels
      • Worker controls
      • Index info
      • Umbraco
      • Documentation
    • Technical Info
      • Cookies
      • Browser support policy
  • Webshop worker
    • Introduction: Webshop worker
    • Built-in tasks
      • Feeds
        • Sitemap
        • XML Shoppingfeeds
      • Serverside tracking
      • Chainbox.io integration
        • PIM data
        • Logins & voucher
  • Chainbox.io integration
    • Product information management
      • Home
        • Overview
        • Product views
          • Create a view
            • View information
            • Options
              • Advanced table fields
              • Sidebar filters
              • Keyword search fields
              • Display mode
              • Enable user settings modifications
            • Fixed filtering
              • Query
              • Ordering
          • Manage views
      • Products
        • Change view
        • Category tree
        • Product details
          • Product search
          • Resources
          • Family
          • Channels
          • Categories
          • Delete product
          • Product tab
          • Marketing tab
          • Variant info tab
          • All attributes tab
        • Attribute stats
        • Bulk actions
        • Export csv
        • Create product
      • Categories
        • Export csv
        • Create subcategory
        • Category details
          • Hierachy
          • Label
          • Category tab
          • All attributes tab
          • Resources tab
          • Products tab
      • Define
        • Attributes
          • Attributes with Umbraco functionality
          • Creating attributes
          • Deleting attributes
        • Sets
        • Families
        • Channels
        • Category hierarchies
        • Lookup lists
        • Lookup list items
      • Import
        • Product CSV exports
        • Product ERP import
        • Product CSV import
        • Category CSV exports
        • Category CSV import
        • System import
      • Settings
        • Integration
        • Resources
        • Locales
        • Product views
        • Workers
        • Public API
        • Compositions
        • Global filters
        • ⭐Experimental features
        • Ensure defaults
        • Release notes
    • Webshop management
      • Members
      • Vouchers
      • Manage
      • Visit website
      • Visit CMS
      • Settings
        • Member fields
  • ERP Integration
    • Introduction: Built-in ERP integrations
    • Microsoft Dynamics C5
      • Overview
      • Pricing & discounts
      • Workflows
    • Microsoft Dynamics NAV
      • Overview
      • Pricing & discounts
      • Workflows
    • Microsoft Business Central
      • Overview
      • Pricing and discounts
      • Workflows
      • Installation of Chainbox plug-in
    • Uniconta
      • Overview
      • Pricing and discounts
      • Workflows
      • Ordre import
    • Visma.net
      • Overview
      • Pricing and discounts
      • Workflows
    • Other
  • Enterprise
    • Enterprise modules available
      • Punchout
        • Punchout FAQ
  • Tutorials
    • The initial shop configuration steps
    • Setting up a content area
      • Example landingpage
      • Example landingpage collection
        • Article collection page
        • Brand collection page
    • Setting up a new category list template
    • Setting up a new product template
    • Create product restrictions
      • Examples, restriction by customer fields
      • Examples, restriction by user fields
    • Creating a new language node
    • Creating a product URL
    • What is my current Chainbox version
  • Frequently asked questions
    • Emails
    • URLs
    • 301 Redirects
    • CSP & External scripts/components
  • Changelog
    • Versions & updates
      • Version 5.2.x
      • Version 6.0.x
  • Customized solution
    • Customization & development
Powered by GitBook
LogoLogo

Copyright Chainbox 2008-2023

On this page
  • Setting up video
  • Adding product list based on query
  • Reorder
  • Saving changed layout as template
  • Creating link to content pages from homepage
  • Magic tiles
Export as PDF
  1. Tutorials
  2. Setting up a content area

Example landingpage

PreviousSetting up a content areaNextExample landingpage collection

Last updated 1 year ago

In this example we create a landing page with the video template.

Click the 3 dots on the language node you wish to create the landingpage under. Choose landing page, and template "Video"

Type the page name and title, and start setting up the various elements. Remember there is full freedom to removed the template elements and create others.

Click "Save" and not "Save and publish" to avoid customers viewing a page not complete.

Setting up video

Click "Please set up video" and choose provider, insert video id, and choose how the video should be presented. Click "Submit" and "Save" or "Save and publish" on content page.

Adding product list based on query

In this case instead of RelatedProducts we set up a product list based on a query.

Click "Add" and choose "Product"

Click "Please setup product collection", and choose your selection. In this case Brand = Canon is chosen within the categories "Ink printers" and "Laser printers". Sorting is by popularity, and max products on list = 20.

Click "Save" and "Save" or "Save and publish" on the content page.

Reorder

By using the reorder button, it is swift to rearrange columns and rows within columns:

Saving changed layout as template

Once the perfect layout is create for a specific use, it is an option to save this layout as a template for future use, just as the default templates.

When on the page click "Action" and "Create Content Template".

Name the template and click "Create".

Creating link to content pages from homepage

There are numerous ways content pages could be presented on the homepage.

For this example is used "Magic tile".

The homepage consists of 1 column with 3 rows.

In order to insert 2 columns in between USP and Products, the page needs to be rearranged a bit. Products where moved to a column of its own, for the 2-column row to come in between.

Magic tiles

Click "Add" into a row and choose "Magic Tile". Click "Please select a preset".

Choose a layout among the presents. Here we choose the preset marked in green. Click "Submit".

Click "Edit content" and change headline, text, and image. For this example the content page has been added under "Primary action" in stead of "Action". This will cause the whole picture to work as a link when clicked.

Click "Submit" and then "Save" or "Save and publish"

Click "More" and "Configure" to change background color, text etc.

Click "Submit" and then "Save" or "Save and publish"

Result on homepage. Link to our video page, and an article collection page:

Create landingpage - step 1
Create landingpage - step 2
Create landingpage - step 3
Create landingpage - step 4
Setting up a video
Setup product list - step 1
Setup product list - step 2
Setup product list - step 3
Setup product list - step 4
Result
Reordering page
Reorder mode
Save layout as content template - step 1
Save layout as content template - step 2
Reordering homepage
Reordering homepage
Add magic tile - step 1
Add magic tile - step 2
Add magic tile - step 3
Add magic tile - step 4
Add magic tile - step 5
Add magic tile - step 6
Result on homepage