Builder is a visual development platform. It connects to your existing site or application and enables anyone on your team to create, manage, and publish high-performing, enterprise-scale digital experiences without constantly relying on developers.
Empower your team while freeing up development resources, which helps all team members be more productive, efficient, and creative.
You can decide which parts of your site Builder manages and which parts you want to maintain in code. There are three main ways you can incorporate Builder:
- Visual Pages: use the drag-and-drop UI to develop everything between your site's header and footer.
- Visual Sections (Enterprise only): make just a part of a page visually editable in Builder and use targeting and scheduling to decide who sees what.
- Structured Data: fetch data from Builder and use it anywhere in your application, such as menu items.
Visual Pages
Use Pages to manage entire pages, such as:
- Marketing and content pages
- Landing pages
Structured Data
Use Structured Data to manage structured data, such as:
- Navigation links
- Product details
- Blog post authors
Builder integrates with your existing site or app and renders content much like developers do when writing code by hand. This means you can add visual site building while still leveraging your existing technologies, such as:
- SEO
- analytics
- core user flows control
- frontend components
- your framework or platform
- your current CMS
- backend data
Builder pushes content to your site or app by connecting to your codebase. You control your site, code, and hosting–Builder only passes content to your site or application rather than hosting it.
Builder content loads asynchronously, so it does not impact the loading of your site. Builder content loads immediately after your page loads.
The following diagram shows where Builder fits. Your app still resides where you host it, while Builder provides a visual interface to your services, commerce platform, or headless CMS.
By adding landing page building to your site, you can create editable sections across your app and use targeting to choose the right content for the right users.
The following image illustrates some recommended examples for structuring various pages on an e-commerce site:
Home Page
- Builder manages full homepage
- Optionally target features such as purchase history.
Collection Page
- Builder hero section targeted by collection
- Your code manages the products
Product Page
- Your code manages image gallery and product options
- Builder section for product info, targeted by product (optional)
- Builder section for product editorial, targeted by product type
Navigation Links
Use a data model to define the links and text
The previous sections give you an idea of what you can do with Builder. To get started playing with Builder, a few terms and concepts can help:
For more terms and definitions, visit the Glossary.