The shared component library in page-builder is where all of your images, files and shared components are stored. Shared components are items that can be used on multiple pages, such as HTML templates, ticket templates and display widgets (which are always stored as shared components), along with any text blocks, form blocks, code blocks or thanks emails that you have saved to the library. 

If you have not saved a block to the library, it will be only editable within the page itself.

You access the shared component library by clicking on the “load from library” button when creating or editing any of the component types mentioned above, or from Pages > Components.

Creating & Editing Shared Components

Shared components are created by creating a new text block, form block, or thank you email and then saving them to the shared component library.

To edit a shared component, you can edit the text block, form block, or thank you email directly and then save the changes to the library when prompted, or by editing the component within the shared library area (Pages > Components). 

It will alert before saving to remind you that it is a shared component and lists any other pages also using the component:

NOTE: You also have the option to unlink the component when editing it within a page if you do not wish to overwrite your changes to the saved component.

NOTE: editing components within the library will immediately update all pages that share the component. Editing a shared component within a page will not instantly update other pages sharing it - it can take up to 24 hours.

Adding shared components to pages

To use a component, click on it so it is highlighted and the “Use selected component” button will become active on the bottom right-hand side of the library.

Click the button and the component will be added to your page.

Managing shared components

When you first open the shared component library, you will get an overview of the components stored in the library. From here,  you can preview (future release) or delete your shared components.

Folders

You can organize your library by creating folders. Click on the “create folder” button and enter the name of your folder. Then, click “create”.

NOTE: We only allow one level of hierarchy in the folder structure with “home” being the “root folder”.

Show & Search

You can toggle between active and archived components by clicking on the “show” button and switching the selected option.

The search will retrieve any components that meet your search criteria, no matter which folder they appear in.

Bulk Edit tools

To move or archive library components you can use the bulk edit tools. You can also delete components in bulk this way. 

To use the tools, click the checkbox next to the component(s) you would like to move. The bulk edit tools will appear above the list of components.

To move the selected components, select the folder you wish to move them to from the dropdown menu and click the move button.

To delete, archive, or un-archive the selected components, click on the corresponding button to preform the action. 

Finding out where a component is in use

Click the  icon next to a form block component to see whether it is in use. You will see a pop-up displaying a list of pages: