Made in Builder

Made in Builder

×

Developers

Product

Use Cases

Pricing

Developers

Resources

Company

Get StartedLogin

Product

Features

Integrations

Talk to an Expert

Pricing

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

Getting Started for Developers

You can customize Builder.io to meet a variety of use cases, from minimal cms data models to building landing pages. You can allow complete free-form control of Builder.io content or limit it to your design system components.

Integrate page building

Integrate section building

Structuring your site

You can decide which parts of your site Builder manages and which parts you want to maintain in code via models. There are three main ways you can incorporate Builder:

  • Builder pages: Use the drag-and-drop UI to develop everything between your site's header and footer.
  • Builder sections: Make just a part of a page visually editable in Builder and use targeting and scheduling to decide who sees what.
  • Builder CMS data: Fetch data from Builder and use it anywhere in your application, such as menu items.

Use Pages to manage entire pages, such as:

  • Homepage
  • Marketing and content pages
  • Blog pages
  • Landing pages

Use Sections to maintain parts of your site or app, such as:

  • Announcement bars
  • Product detail descriptions
  • Collection heroes
  • Cart upsells

Use Data to manage structured data, such as:

  • Navigation links
  • Product data
  • Blog post authors

Learn more about how Builder works and various ways of structuring how you use Builder on your site or app here.

Extending for SEO

You've just added the ability to create custom landing pages to your site. See this guide to extend this example for SEO optimizing your landing pages by requiring custom titles, descriptions, and other meta info.

Landing pages are just the beginning of what you can do with Builder.io. See Getting started with models to learn how to use Builder.io on any page using component models, data models, or a number of other advanced techniques.

More resources


Need Expert help?

Submit a project to our partners, BuildQuick, and be matched with a Builder expert.

Submit a project

Was this article helpful?