Create Two-Column Sections Using Components

Building a section with two columns is made easy in Butter. The simplest way is to use Components so it can be reused on multiple sections of your page or on different pages altogether.

Step 1: Create a component

This will serve as a template for each of the sections you are adding to your pages that require two columns. In this example, we will be adding the following fields to your component:

  • Headline
  • Body
  • Image
  • Image Position


Step 2: Create your two-column sections using the schema you built.

Here is a sample page of how the guide above will look like:

Still have a question?

Our Customer Success team is standing by to help.