UI Elements
UI element page components are various interactive website components such as buttons, animated or third party components which don't belong to any other Page Component group. Some of the components use unique content editor type called Content Picker, these can be set up inside the UI folder in Umbraco Content root.
There are 6 UI element page components to choose from:
- Button - call to action button with a URL to another page or website.
- Quick Links - list of call to action quick links with URLs to another page or website.
- Game Jackpot - UI element which displays a rounded pill with live players amount and a game jackpot.
- Contact - UI element which displays a row of contact options.
- Offer Banner - UI element which displays a yellow offer banner.
- TrustBox Widget - UI element which displays Trustpilot reviews TrustBox widget component.
Content Picker
Content Picker is a feature that enables to pick a preset content from the Umbraco Content structure root UI folder. This prevents the need to set up the same content multiple times and is useful for content that needs to be consistent throughout the website.
As an example, website contact options should all be the same across the site. To keep it consistent, we can create a Contact element inside the UI/Contact folder in Umbraco Content root. When we need the contact options to be displayed on the page we can create a Contact UI element page component on the page and then chose the created contact element from the folder. This prevents you - as a backoffice user, creating the same contact component with the same contact values - telephone number, email address, live chat link and office address, over and over again.
The main advantages of Umbraco Content Picker are reusability and consistency. Once the component is created, it can be reused everywhere on the website just by choosing the element through a page component, while at the same time keeping the content the same across the pages.
Previous section:
Image Banner
Next section: