Build pages with POM
POM Page Builder is the page-level workspace for arranging content into rows, columns, and components. Use this chapter to choose an editor, build a page, adapt it to different screens, and review it before publication.

Start here
If this is your first POM page:
- Read Page Builder overview to understand what belongs in the builder.
- Follow Build your first page.
- Learn Rows, columns, and components.
- Use Save, update, preview, and publish before making the page public.
Work in the editor
- Request approved conditional assets as an administrator
- Style native Gutenberg paragraphs
- Style native Gutenberg headings
- Style native Gutenberg lists
- Add a theme icon in Gutenberg
- Add a theme button in Gutenberg
- Add a live library image in Gutenberg
- Build a gallery in Gutenberg
- Build a content carousel in Gutenberg
- Build a full-slide composition with Slider
- Build an audio collection with Audio Playlist
- Place interactive points on an image
- Compose layered artwork with Parallax Scene
- Tell a story with Scroll Sequence
- Display an Instagram feed
- Place an AdSense ad unit
- Build a map with markers and routes
- Connect location cards with Map Feed
- Show booking availability with FullCalendar
- Browse available products with Bookings Calendar Feed
- Search bookable products with Bookings Finder
- Display browser favorites with Favorite Posts
- Let customers reorder with Previously Purchased
- Check destinations with Shipping Calculator
- Display a shared product list with Wishlist
- Filter a product archive with WooCommerce Advanced Filters
- Add a Faceted Search control
- Show Faceted Search result counts
- Show and remove active filters
- Show the number of active facets
- Choose the order of Faceted Search results
- Navigate Faceted Search results
- Reset all or selected search filters
- Apply pending search filters
- Send visitors to results with Search Gateway
- Compose a search form and results with Finder
- Display current posts with Carousel Feed
- Display current content with Listings
- Create an alphabetical content index
- Create an alphabetical taxonomy directory
- Display taxonomy terms as image cards
- Build an accordion in Gutenberg
- Organize content with tabs in Gutenberg
- Add an editable modal in Gutenberg
- Add a responsive Offcanvas panel in Gutenberg
- Add a persistent Notification in Gutenberg
- Display a percentage with Progress Bar in Gutenberg
- Display a statistic with Counter in Gutenberg
- Count down to a deadline in Gutenberg
- Animate a phrase sequence with Typed Text in Gutenberg
- Display source code in Gutenberg
- Author reviewed HTML in Gutenberg
- Add a quotation in Gutenberg
- Present a customer quote with Testimonial
- Tell a story with Timeline
- Present products and services with Pricing List
- Reuse content and current-post fields with Dynamic Content
- Show the current post's term thumbnails
- Personalize a message with User Details
- Add a Login Form
- Add an invitation Registration Form
- Complete a profile with Edit User Form
- Display a shared form in Gutenberg
- Add a horizontal line in Gutenberg
- Display your social profiles in Gutenberg
- Display your brand with Site Logo in Gutenberg
- Display shared navigation with Menu in Gutenberg
- Display shared widgets with Widget Sidebar
- Show the current hierarchy with Breadcrumbs in Gutenberg
- Let visitors share the current page in Gutenberg
- Navigate headings with Table of Contents in Gutenberg
- Offer AI summary links in Gutenberg
- Embed a trusted page with Iframe in Gutenberg
- Divide content with Separator in Gutenberg
- Compare two images in Gutenberg
- Add a 360 panorama in Gutenberg
- Add a video in Gutenberg
- Build a chart in Gutenberg
- Display cookie records in Gutenberg
- Tour the POM Page Builder interface
- Choose between the Backend Editor and Frontend Editor
- Backend Editor controls
- Add, move, duplicate, and delete content
- Edit component settings
Build and adapt layouts
- Rows, columns, spacing, and responsive design
- Use device visibility
- Control spacing and alignment
- Use CSS classes and identifiers safely
- Build reusable page patterns
- Add an Advanced map
Review and troubleshoot
- Review a builder page for accessibility
- Review a builder page for performance
- Troubleshoot the builder interface
- Troubleshoot the published page
Chapter contents
- Page Builder overview
- Tour the POM Page Builder interface
- Choose between the Backend Editor and Frontend Editor
- Backend Editor controls
- Build your first page
- Rows, columns, and components
- Add, move, duplicate, and delete content
- Edit component settings
- Save, update, preview, and publish
- Rows, columns, spacing, and responsive design
- Use device visibility
- Control spacing and alignment
- Use CSS classes and identifiers safely
- Build reusable page patterns
- Add an Advanced map
- Review a builder page for accessibility
- Review a builder page for performance
- Troubleshoot the builder interface
- Troubleshoot the published page
- Use POM shortcodes in Gutenberg