How to add an interaction

To add an interaction to a component:

  1. Find the component you want to make interactive and click to select it
  2. On the right side of the editor, find the "Interactions" tab at the top.
  3. Determine what type of interaction you want to add:
    1. On Click interactions happen when the user clicks the component
    2. On Hover interactions happen when the user hovers over the component with their mouse
  4. Click the "+" button next to the interaction type you want to add.
  5. Select what you want to happen for the interaction. Depending on the type, you may have to configure more fields (for example, if the interaction is to add a product to the cart, you'll have to specify which product to add).
  6. Click "Save" to save the interaction.

Was this article helpful?