A Design Element is a modular component (akin to a widget) used within the design and layout system to build and customize pages.
Design Elements serve as building blocks that can display various types of content or functionality, such as article listings, channels, forms, or navigation menus.
You can find video guides related to Design Elements on the Design Training hub.
Article Carousel
This is used mostly for rotating logos on site footers - for sponsors typically or partners.
You select an Article, often a Link type Article and select whether to display Name, image type etc. with a large number of settings to define exactly what appears and in what configuration, including a Break Point Item Grid and Ecommerce attributes too.
A hybrid Feature Scroller using Articles as the display elements - selecting different title and text elements and combining with selected Article Imagery and settings including Max Width, Content Container Position and Slide Effect. Gives you a more dynamic Feature Scroller which is also easy to add to and update.
This design element is normally used on blog pages, on the sidebar. An easy way to navigate through blog entries and refine with its dates and tags filters.
This Design Element allows site admin to create two types of button: Image and Text, with full smart capabilities such as mouseover, focus highlights when in channels and section trees, and panels which display on click / mouseover
This design element displays different types of creatives which can be applied to channels and articles.
There are 1-7 Campaign Slots for your creatives (ads), which map to an Ad Campaign Theme. This displays the ads/banners in various places of the Design Object / Skin (on a listing or an article).
This design element lists the articles which are most likely to convert users to resigtered users or most likely to make a purchase, e.g. buy a subscription.
This is personalised to each individual when they are logged in using a combination of near real-time metrics.
If the site uses multiple currencies on products, it is recommended to include this Design Element on product pages allowing users to toggle products prices in different currencies.
This design element highlights the key features of an Edition.
It can be as simple as a cover art and title, to an advanced element which allows downloading a PDF version of the addition, featuring specific articles and highlights an even links to App Stores.
This design element allows you showcase images from a Media Library in a scroller format.
Some of your options are:
Media Library Section: select the source of the slides/images
No Of Slides: select the number of slides to show (we advise not to add more than 12 items)
Slide Duration: select the time duration in seconds between each slide
Slide Effect: select the effect for the scroller (Wipe Down, Wipe Up, Wipe Left, Wipe Right, Fade)
Randomize Order: select to randomize listing order, so it doesnt always start with the same image
Show Navigation Bar: select to display the navigation bar
Navigation Bar Positioning: select the navigation bar layout to display (Bottom Left, Bottom Centre, Bottom Right, Below Feature Images, Tope Centre, Vertical Right Aligned)
Geo Targeting
This Design Element highlights the Geo region a user is on, and allows them to switch to a different region, e.g. when buying from an online store and switching from a US to EU store.
Image
This design elements can display a single image on a page, with a link and a different mouseover image.
Job Listing
This design element displays a feed of the latest jobs available. The candidate will be able to apply straight from here.
Levels
This design element tells the user where they are on the site and the site structure of that particular page.
Login
This design element allows users to login to the site from any page.
You can format the login form vertically or horizontally. If logged in, it will display the user's name and option to logout.
Select Media Library and arrange items in Rows and Columns, various display and layout options for pop-up lightbox, media type filter and Ecommerce settings for purchase and download.
Online Forms
This design elements allos you to place online forms anywhere on a skin.
The Prime Content Design Element is a core component on your site's pages. It's essential for pulling in native content from live channels, which can include a variety of elements such as Articles, Media, Login Forms, Search, etc.
The specific type of content displayed is determined by the configuration of the channel type being used.
This Design Element allows creating auto text in the form of date and time stamps, salutations, channel details and the option to simply enter static text panel via WYSIWYG.
This Text and Image design element makes it easy for end users (i.e. marketers, event managers and digital team members) to update the text and image for a high impact page element.