Pages > Create
Content Management System (CMS)
Manage repeating cards and components from a single collection, so one change applies everywhere it's needed.
Overview
Agents are great for building pages from scratch and making small adjustments. However, agents were not optimized for identifying repeating elements, then rearranging their order and details. That's why SuperFunnel added CMS, the touchpoint between templates and AI.
CMS makes it easy to modify cards (repeating items) so that one change applies to all instances, across all pages that use the same layout. You add the relevant data, things like logos, titles, scores, and prices, to populate the template "collections". Then you can rearrange, add, or remove items with ease.
Within SuperFunnel, there are essentially three layers of CMS:
- Collection — The content: words, images, icons, and anything else that populates your cards or components. This is the actual CMS bread-and-butter.
- Layout — How each card or component looks before images and text are added. This may differ slightly between pages, but generally will match. It can include CSS styling.
- Scripts — While the order and content of your cards changes, some things may stay consistent. For example, you might want a numbering system that always shows 1 on the first card and 2 on the second, or a banner reading "Top choice!" pinned to whichever card is first. Scripts keep your page styled the same even when you swap out the details.
This guide covers four topics:
- Converting existing SuperFunnel content to CMS — Ideal if you already built a page and now want to modify the order of repeating cards or components for variants or updates, such as changing prices.
- Building a collection from scratch — New to SuperFunnel? Have your data already well-structured from planning or a previous system? Start here.
- Building a page from a collection — Hand a collection to an Agent and have it build the page around your data.
- Managing a collection — How to update your collection's content after it exists.
Work in progress
CMS is released but still being worked on. Please be patient as we figure out the best way to ensure that all data converted to CMS is captured and named appropriately.
Convert a webpage section to a CMS collection
If you did not build out a SuperFunnel page or quiz yet, you can even ask the Agent to review a non-SuperFunnel page and make a CMS from it. Then you can build your assets with your spin on it.
When in doubt, ask the Agent
Most SuperFunnel users will only need to read the "Convert Existing Content to CMS" section. All CMS features can be used via the agent, including creating, auditing and editing collections.
If you want to save money, SuperFunnel offers ways to manually use the CMS interface as well.
Convert Existing Content to CMS
Structure your fields first
If you define what data should be saved for each CMS item before making your changes, your prompts will be greatly improved. For example, if you had cards displaying bands, you might define fields for Name, Logo, Current Members, and Previous Members. But you might also show numbers to order the list, or a "Pick of the week" banner that is not part of the CMS content and belongs in the layout or a script instead.
Identifying these details early on creates a better foundation.
Select the repeating elements
Use the visual editor to select a section or container with repeating elements, such as vertically stacked cards inside of a "Comparison List" section.
Ask the Agent to convert
Ask the Agent: "Convert these cards to CMS". Give it a moment to work.
Approve the collection
You may see Create CMS collection in the left-hand bar. Click the check mark to proceed.
Modify the collection
In an ideal world, the Agent would have created a collection with only the fields you need and all the data populated. In reality, it's likely you will need to modify your collection. Go to Manage a Collection to learn how to do this manually, or prompt your Agent to make correcitons.
Create a Collection From Scratch
Open CMS settings
Go to Settings > CMS.
Create the collection
Click + New Collection.
Add details
Name the collection and define its fields.
Example: a collection named "Favorite Music Albums" with the fields artist, album name, genres, and release year. You can mark fields as required, allow multiple values (like several genres per album), choose a display field, and set a default sort.
Save
Save your collection. You can modify it at any time, or connect it to a page or layout.
Build a Page from a Collection
Once a collection exists, you do not have to build a page first and connect the data afterwards. You can hand the collection straight to an Agent and describe the page you want built around it. The Agent knows the collection's fields, so it can lay out the data instead of you having to describe it.
Open the SuperAgent or an agent builder
This works anywhere you can prompt, in the SuperAgent or in a Page, Quiz, or Form builder.
Click + then Add CMS content
At the bottom left of the prompt box, click the + icon to open the attachment menu, then choose Add CMS content.
Select a collection
Pick the collection you want the page built from, for example Favorite Music Albums.
Describe the page
The collection is attached to your message. Now prompt as usual, describing the layout you want and which fields go where:
"Build a landing page from this collection. Start with a full-width carousel at the top using every album cover, then list the albums below as numbered cards showing artist, album name, genre, and release year."
The Agent builds the page and connects the CMS elements to the collection as it goes.
Name the fields you want shown
Referring to your fields by name, "artist", "release year", rather than "the details", gives the Agent much less to guess at. It also makes it obvious when a field you expected to display is missing from the collection.
The page stays connected
Elements the Agent builds this way are real CMS elements, not a one-time copy of your data. Add an album to the collection later and it appears on the page, subject to any sort, limit, or filter set in List settings. See Manage a Collection below.
Manage a Collection
Find the CMS element
Go to a page and hover over the CMS elements.
Open the editor
If you hover over the top-left corner of the CMS element, you will see click the name of the collection and number of items. Click this button to open the "List settings" editor. From here you can reorder (sort), limit items or filter. You can aslo select if data should remain the same as publish time or update with CMS changes. Click the Edit collection data button to edit field values manually.
Save and Publish
Remember to save any changes you make to the collection or list, and then publish the page to see your changes reflected on the live site.
Summary
CMS is ideal for comparison lists, changing price structures, and even refreshing content when it appears stale. It's just another way to streamline your work and produce output faster.