---
title: "Design your flow widget"
url: "https://kb.getflowbox.com/en/article/design-your-flow-widget"
language: "en"
last_updated: "2026-03-27T15:36:24.401Z"
---

# Design your flow widget

Create the perfect look for your UGC flow widgets

When it comes to UGC, visuals matter. Great-looking content helps you capture attention, communicate your brand, and build an engaged community. That’s why Flowbox lets you fully customize your Flows — so they look and feel just the way you want.

## Access & preview your flow

To open your Flow’s visual settings, go to **Visual Marketing → Flows**, then click **Settings** on the Flow you want to edit. The button appears on the right side of the screen.

> MasterFlows don’t have visual settings, since they’re only used for collecting and moderating content.

Once in the Flow settings page, use the **laptop** and **mobile icons** at the top right corner to see how your Flow looks on different devices.

Click **Preview** (next to the “Code” button) to open your Flow in a new tab.

![](https://kb.getflowbox.com/en/assets/design-your-flow-widget-12801309/preview-gif-417deff749fc725e.gif)

## Customize your Flow visuals

The left-hand panel is where you will edit the visuals of your Flow.

In the **Template tab** you can choose from ready-made templates: quick, easy, and clean visual styles that fit most use cases. Just pick one and click **Save** in the top right corner.

The **Layout tab** allows you to customize individual Flow components. These are grouped into three sections, displayed on the left-hand vertical menu:

-   **Flow** – adjust structure, layout, navigation, banners, and more. [Learn more](https://kb.getflowbox.com/en/article/flow-design-flow-section).

-   **Media** – customize how each piece of content looks and behaves. [Learn more](https://kb.getflowbox.com/en/article/flow-design-media-section).

-   **Post** – edit the look of the modal that opens when someone clicks on a post. [Learn more](https://kb.getflowbox.com/en/article/flow-design-post-section).

![](https://cdn-assets.productfruits.com/f94ae81f-e12d-465f-81e6-1d1b393b2aaa)

## Technical customization

Want to go deeper? Access the **CSS menu** in the top left corner menu to open the custom CSS editor and style every element your way. [Learn more](https://kb.getflowbox.com/en/article/flow-widget-design-custom-css).

## Languages & advanced setup

You can also set text and labels — like banner titles, subtitles, and buttons — in multiple languages. Flowbox will **automatically show the correct version based on the visitor’s location**. [Learn more](https://kb.getflowbox.com/en/article/flow-design-language-translation).

**Want to know more?** Check out the related content below:

-   [**Filter or sort**](https://kb.getflowbox.com/en/article/flow-widget-design-filter-sort-content) your Flow content.

-   [**Embed your Flow**](https://kb.getflowbox.com/en/article/embedding-a-static-flow-on-your-website) on your website