🎉  Userflow joins forces with Beamer to create all-in-one growth toolkit

Read more
blog single image
blog single image
Userflow Updates

Columns, containers and custom CSS

blog author
Sebastian Seilund

June 9, 2022

Today we're shipping a huge round of updates to our rich content editor.

You can now lay out content in columns, put content inside styled containers, put buttons and questions anywhere (not just in the bottom) and even add custom CSS for when you really need to tweak your style.

intro

Let's dig in!

Columns are for putting content side-by-side. Containers are for wrapping content with e.g. a border, background color or box-shadow. You can insert columns or containers in the editor via the + menu:

insert

When you put the cursor inside a column/container, a small cog icon appears in its top-right corner:

layout-button

Click it to access settings such as container style, width, height and alignment:

layout-settings

We ship with 5 built-in container styles:

container-styles

On the Pro plan, you can also add your own custom container styles powered by CSS. In the theme designer, look for the new Custom CSS section. Here you can write CSS such as this:

custom-css

Last but not least: Previously, you could only put buttons and questions at the bottom of the content. There was no way to add content below buttons or split buttons into 2 groups. That's all possible now. Buttons and questions are simply part of the content now:

buttons

2 min 33 sec. read

blog single image
Userflow Updates

Columns, containers and custom CSS

blog author
Sebastian Seilund

June 9, 2022

Today we're shipping a huge round of updates to our rich content editor.

You can now lay out content in columns, put content inside styled containers, put buttons and questions anywhere (not just in the bottom) and even add custom CSS for when you really need to tweak your style.

intro

Let's dig in!

Columns are for putting content side-by-side. Containers are for wrapping content with e.g. a border, background color or box-shadow. You can insert columns or containers in the editor via the + menu:

insert

When you put the cursor inside a column/container, a small cog icon appears in its top-right corner:

layout-button

Click it to access settings such as container style, width, height and alignment:

layout-settings

We ship with 5 built-in container styles:

container-styles

On the Pro plan, you can also add your own custom container styles powered by CSS. In the theme designer, look for the new Custom CSS section. Here you can write CSS such as this:

custom-css

Last but not least: Previously, you could only put buttons and questions at the bottom of the content. There was no way to add content below buttons or split buttons into 2 groups. That's all possible now. Buttons and questions are simply part of the content now:

buttons

2 min 33 sec. read

Today we're shipping a huge round of updates to our rich content editor.

You can now lay out content in columns, put content inside styled containers, put buttons and questions anywhere (not just in the bottom) and even add custom CSS for when you really need to tweak your style.

intro

Let's dig in!

Columns are for putting content side-by-side. Containers are for wrapping content with e.g. a border, background color or box-shadow. You can insert columns or containers in the editor via the + menu:

insert

When you put the cursor inside a column/container, a small cog icon appears in its top-right corner:

layout-button

Click it to access settings such as container style, width, height and alignment:

layout-settings

We ship with 5 built-in container styles:

container-styles

On the Pro plan, you can also add your own custom container styles powered by CSS. In the theme designer, look for the new Custom CSS section. Here you can write CSS such as this:

custom-css

Last but not least: Previously, you could only put buttons and questions at the bottom of the content. There was no way to add content below buttons or split buttons into 2 groups. That's all possible now. Buttons and questions are simply part of the content now:

buttons

About the author

Co-Founder of Userflow

Sebastian Seilund is the co-founder and former CEO of Userflow, where he built one of the leading user onboarding platforms for SaaS companies. With experience as a software engineer at Google and having founded multiple successful software companies, including Denmark's first user-friendly accounting software, Sebastian brings deep technical expertise to discussions about product-led growth and user experience.

Effortless Onboarding,
Powerful Results

Try the most-loved user onboarding product on the market.

CASE STUDIES

All case studies
iconicon

Evocalize

a case study

How Evocalize Boosted Product Adoption and Engagement With Userflow 

Learn how
iconicon

Visma Dinero

a case study

How Visma Dinero provides 24/7 onboarding and support with in-app content and AI Assistant.

Learn how
iconicon

Iteratively

a case study

How Iteratively gives users an awesome first-time experience

Learn how
iconicon