Introduction to the Uberflip hub front end

What is the Uberflip hub front end?

Uberflip is a platform that allows marketers to create and aggregate their content, and easily build destinations on the web where prospects and customers can consume that content.

In Uberflip, users collect their content (such as blog posts, videos, ebooks, etc.) into hubs. Within a hub, users can organize individual pieces of content (known as items) into smaller collections called streams.

Using this structure, Uberflip automatically generates web pages where visitors can browse and consume the content in the hub. These pages are arranged in a hierarchy: visitors can navigate from the hub home page to stream pages, where individual pieces of content are displayed in a grid, similar to videos in a YouTube channel. From a stream page, visitors can click into individual item pages to view the content.

Collectively, a hub's public-facing pages and their associated design and navigational elements make up the Uberflip hub front end. It is distinct from the hub backend, which refers to the Uberflip application in which users create and organize the content that is used to build the front end pages.

You can learn more about how the hub front end works in Hub front end structure.

How can I customize an Uberflip hub front end?

The Uberflip hub front end delivers a friendly, responsive content experience out-of-the-box. But to meet brand guidelines and match their existing websites, Uberflip customers often need to customize the appearance of their hub front end significantly.

While the hub backend has a variety of built-in appearance options, these can only modify the look and feel of the front end in limited ways. To achieve more extensive visual changes, developers can modify the code of the hub front end directly.

All pages in the Uberflip hub front end are built with standard web technologies (HTML, CSS, and JavaScript), so web developers of all skill levels can work with the hub front end.

Here are a few of the things you can do at different skill levels:

• No development experience: Inject ready-made code snippets and other pre-packaged libraries
• Beginner knowledge of HTML & CSS: Make basic style changes such as customizing colors or fronts
• Intermediate to advanced knowledge of HTML, CSS & JS: Make extensive appearance changes by applying your own stylesheets, manipulate DOM elements using standard and Uberflip-specific events

For detailed information about how to implement your customizations, see Customizing a hub frontend.