You can combine one or more components to create a component group that you can name and reuse.
- Navigate to the page you want to edit and make sure that is set to Edit.
- Add a component group to the page. The component group is identified by .
- Drag and drop one or more components into the frame of the custom component.
- Position and size the components within the component group in the same way you do for components in a slot.
- To edit a component and its appearance, click its menu icon , and choose Settings. If you click the component name instead of the menu icon, you can see and select the menu icon for the component group (or slot):The Settings tab for the component group lets you specify the position of the component group, a background image, and other settings that apply to the entire component group.
- When you are ready to save your changes to the component group, click the component group, click its menu icon , and choose Save.
- In the dialog, enter a name for the component group. You can use letters, numbers, underscores (_), and hyphens (-). If you enter a space, it's automatically replaced with a hyphen.If this is a new component group, you cannot use the name of an existing custom component.
If you added an existing component group to the page, modified the component group, and then tried to save your changes, you are given the option to provide a name to create a new component group to select Overwrite the existing component group to update the existing component group with your changes.
- Click Save.The component group is saved with the specified name as a custom component. It appears in its own folder in the component manager and in the list of custom components in the editor if you are the owner or someone has shared the component with you. You can share the component group as you would any custom component.
- In the dialog, enter a name for the component group. You can use letters, numbers, underscores (_), and hyphens (-). If you enter a space, it's automatically replaced with a hyphen.