Premium sections
Insert hundreds of ready-made sections from the starter sites, with the text styles, fonts and images they need.
On this page
Pro and Agency. On the Free plan the sections are shown with a lock and a Pro badge.
Premium sections are the sections of the starter sites, one by one: heroes, feature grids, pricing tables, testimonials, FAQs, team sections, galleries and calls to action, each from a finished design. You find them in the editor under Insert → Sections, shown as pictures, and insert one in a click.
Find a section
Open Insert → Sections
In the editor, click Insert in the left panel and switch to Sections at the top.
Scroll to Premium sections
Premium sections come after Layouts and Patterns.
Pick a category or search
Click a category: Heroes, Features & services, Numbers, Social proof, Pricing, FAQ, Team & about, Gallery & work, Blog & news, Contact, Call to action or Content. Or type in the search box, which searches the names of the sections and of the starter sites in every category.
Under each picture you see the section's name and the starter site it comes from.
Insert a section
Click a picture. The section is added after the selected section, or at the end of the page, and a message says what came with it, for example Inserted “Pricing” from Kokoro with 3 text styles, 5 images.
After inserting, it is a normal section of your page. Change its texts, images and styles freely; nothing links it back to the library.
What comes with a section
A premium section looks like it does in its starter, so it brings what it needs:
- Text styles and fonts it uses are added to your Design System, named after the starter, for example Kokoro · Heading 2. Only styles your site does not have yet are added, and your own styles never change. Uncoder saves a restore point of the Design System first.
- Uploaded fonts that are not on Google Fonts are installed in your custom fonts.
- Images are copied into your media library.
Adding text styles and fonts needs permission to change the Design System, which administrators have.
Use my heading & body styles
Above the pictures, tick Use my heading & body styles to make a section match your site:
- On: the section uses your own heading and body fonts and your standard text styles, such as Heading 2, Body and Button. Only special styles of the starter come along.
- Off: the section keeps the starter's fonts and text styles and looks exactly as in its demo.
The editor remembers your choice in this browser.
Insert a few sections from the same starter with the option off to build a page in that starter's style. Turn it on when you add a single section to a site that already has its own look.
On the Free plan
On the Free plan, the list shows every section with a lock, and a line with the number of sections and Unlock with Pro. Clicking a locked section shows a message with See the plans. The 40 patterns under Patterns are free on every plan. See Sections & patterns.
If a Pro licence ends, the sections you inserted stay. Inserting new ones needs a licence again.