Wix Harmony Editor: Adding and Customizing Shape Dividers
3 min
In this article
- Adding a shape divider
- Customizing your shape divider
- FAQs
This article refers to the new Wix Harmony Editor, released in December 2025. The Wix Harmony Editor is not yet available to all users. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.
Shape dividers let you add stylish separation between sections on your site, giving your pages a modern, professional look. You can add, customize, and style shape dividers to match your brand and highlight different areas of your site. This is a simple way to make your design visually dynamic and guide visitors' attention from section to section.
Adding a shape divider
Start by adding a shape divider to the top or bottom of your section. Pick from a variety of shapes, explore more designs in the Wix Media catalog, or upload your own custom shape for a unique look.
To add a shape divider to your section:
- Go to your editor.
- Select the relevant section.
- Click Shape divider
icon on the action bar. - Click the Top or Bottom tab to choose where to add the divider.
- Select a divider to add:
- Suggested designs: Click one of the styles available in the panel.
- Additional designs offered by Wix:
- Click More Shapes.
- (In the Media Manager) Select a design from the Media from Wix tab.
- Click Update to apply it.
- Your own shape divider:
- Click More Shapes.
- (In the Media Manager) Select the shape you want to use from the Site Files tab, or upload a new one.
Tip: The file should be in SVG format. - Click Update to apply it.
Customizing your shape divider
Once you add a divider, you can customize its design. Change the height, color, and number of layers to create the look you want.
Note:
The available settings depend on the shape divider you choose.
To customize your shape divider:
- Go to your editor.
- Select the relevant section.
- Click Shape divider icon on the action bar.
- Click the Top or Bottom tab to access the divider you want to design.
- Click Customize Design at the bottom.
- Choose how you want to adjust the look of your shape divider:
Fill colors
to get a specific color from your page.Layout
FAQs
Click a question below to learn more.
What kind of custom shape dividers can I upload?
What should my SVG file include to customize my divider’s design?
Are shape dividers responsive?
