# Inserting into Framer Insert the prepared animation as a LottieFiles player component on the Framer canvas. The plugin adds a reusable player code component rather than flattening the animation into a video or GIF. ## Choose where it should go - Select a **Frame** to insert and center the component inside that container. - Select a child element when its parent Frame is the intended container. - Leave the canvas without a suitable selection to insert at the canvas root. ## Insert the animation 1. Open the prepared Explore or Workspace preview. 2. Confirm the active child animation, theme, state machine, background, and renderer. 3. Select **Insert animation**. 4. Wait for the new component to become selected. 5. Resize and position it with Framer's canvas controls. Inserting an animation into a Framer canvas Large animations are scaled down proportionally at insertion so the initial component remains manageable. Resize the component for the actual layout rather than treating the inserted dimensions as production defaults. ## After insertion Open Framer Preview before continuing. A component can look correct as a static canvas object while its loop, theme, or state machine behaves differently in the running page. ## Related - [Configuring the player](/en/integrations/framer/05_insert-and-publish/configuring-the-player) - [Publishing your site](/en/integrations/framer/05_insert-and-publish/publishing-your-site)