Component Library

Create and manage components in Component Library

On the Component Library page, you can view the existing components. For example, a payment form component will be displayed as follows:

Components are listed by the last updated time. You can search for specific components using the search bar at the top of the page. Each form type is represented by a fixed thumbnail for the form type components, which means you cannot customise the thumbnail for a specific form component.

To create a component:

1. Navigate to Delivery > Component Library.
2. Click + Add Component.
   
3. In the dropdown, select the component to be created. The components are classified into two sections: Forms and Components.
4. Complete the required configurations for the selected component or form by following the below tutorials:

• Forms
  • Identity
    • Login and Registration Form - Allows you to create a login, registration, or a forgot password form in our modern form setup, providing innovation and flexibility. 
    • Contact - Allows you to effortlessly sign up for the website's newsletters or generate diverse user information forms without undergoing a complete registration process with passwords.
    • Data Capture - Allows you to gather additional information from your end users
    • Complete Registration Form - Facilitates the completion of the registration process for users who have only partially registered previously.
    • Legacy Registration and Data - Allows you to create a login, registration, or a forgot password form in our traditional form setup, offering familiarity and convenience.
  • Payment
    • Payment Forms - Allows you to add a payment form to your website. 
    • Subscription Change - Allows you to configure Upgrade Subscription forms for your paid users, allowing them to switch to higher-tier plans.
• Components
  • Internal
    • Custom Component
    • Component Template
  • External
    • External Component

You can create and manage the versions of a component:

1. Click the component that you want to edit, or click More Action > Edit.
2. On the Component Details page, you can edit or delete a version, create new versions, or set a version as the default. You can add or modify the description of versions.

Tip: Use search to find a version quickly.

You can also clone or delete a component by clicking the More Action icon of the component and then clicking Delete or Clone.

Add components to the feature rules

When adding an outcome to a feature rule, you can either:

• Import an existing component previously generated in the component library.
• Create a component on-the-fly directly within the outcome (and optionally save it in the component library afterward).

Option 1: To add a component from the Component Library:

1. On the Add an Outcome or Edit an Outcome page, click + Add A Component or Form under Components or a specific component section.
2. Click Component Library under Components, and then select the component from the library.
3. Determine the version to be used. The default version will be automatically selected. To change to another version, turn off the Use Default Version toggle button and then select the version to be used from the version list. Note that you can preview the component from the preview window on the right-hand side. The preview window supports switching between devices and specifying screen size.
4. Update values for the variables defined for the component, if applicable.
5. Click Save.

Option 2: To add a component on-the-fly:

1. Go to Product > Features.
2. Add a new feature or select an existing one.
3. Click Add a New Outcome in the Version screen.
4. Click Add a Component or Form.
5. Enter the required information.

For more information about how to work with feature outcomes, see Feature Outcomes.