Home App Docs Blog Github

How to override and re-arrange the insert menu completely in Builder?

Builder allows users who are integrating their own codebase to override the insert menu and re-arrange it however they’d like, to do so:

Builder.set({ customInsertMenu: true });

This resets the insert menu on the left completely, if you’d still like to show Builder’s built-in components you must explicitly add each one:

Builder.register('insertMenu', {
  name: 'Builder components',
  items: [
    // built-ins
    { name: 'Core:Button' },
    { name: 'Core:Section' }
    { name: 'Custom Code' },
    { name: 'Text' },
    { name: 'Image' },
    { name: 'Columns' },
    { name: 'Embed' },
    // widgets
    { name: 'Builder:Carousel' },
    { name: 'Builder: Tabs' },
    { name: 'Builder:Masonry' },
    { name: 'Builder:Accordion' },
  ],
})