Elements are the foundational elements of each screen that determine what information you show to customers on which screen.
There are 7 categories of elements:
General: The most frequently used elements on screens.
Response types: Engaging elements that allow users to interact with your experience. Often used in gamification or to make more advanced Q&A screens.
Outcomes: Display recommendations to your users based on their responses to your questions.
Dynamic Product Feed: Display multiple items from your product feed at once.
Sharing: Add social sharing options to a screen.
Form inputs: Used to capture leads in a standardized format.
Commonly used form elements: Additional form elements that are commonly used on lead capture screens.
Before you begin
Before adding elements to your experience, ensure you have a clear understanding of the content and interactions you wish to present to your consumers. This will help in selecting the appropriate element types for each screen.
Add, move, and delete elements
Add an element to a screen
Open the Editor.
Click Add Elements.
Select the element you wan to add.
The element is added to the screen.
Reorder elements on a screen
Select the element on the screen.
Click the up and down arrow to move the element above or below the other elements.
Copy and paste an element to another screen
Select the element on the screen.
Select the three dot menu.
Click Copy.
Select the screen you want to move it to from the screen selector.
Click any element on the screen.
Click the three dot menu.
Click Paste.
Delete an element
Select the element from the screen.
Click the trash icon.
Configure elements
The settings for each element type differ. Once you add an element to a screen, click it and its editable fields appear in the editor window. For details on how to configure an element, search for the element name into the knowledge base.
Next steps
Review your screens to ensure elements are easy to interact with and visually aligned. Adjust layouts or interactions.
After adding elements to your screens, fine-tune their settings to match your messaging and design, then use Preview mode to validate the experience.
FAQ
Can I use multiple element types on a single screen?
Yes, combining different element types can create a more engaging experience.
Are there limitations to the number of elements per screen?
While there's no strict limit, it's advisable to avoid overcrowding to maintain clarity and usability.
Can elements be reused across different experiences?
Elements can be copied and pasted between screens within the same experience.
Can I set the width of elements using pixels instead of percentages?
Yes, you can now precisely control the width of most elements (excluding spinners) using pixels. Simply hover over the '%' symbol next to the width setting and click to switch to 'px'. This allows for more accurate design across various screen sizes. Even with a fixed pixel width, elements will scale responsively to fit the screen when necessary and respect independent device styling for optimal user experience.