{"title":"▶️ Insert media with Liquid","slug":"how-to-insert-media-with-liquid","url":"https://support.storeconnect.com/articles/how-to-insert-media-with-liquid","url_markdown":"https://support.storeconnect.com/articles/how-to-insert-media-with-liquid.md","subtitle":null,"summary":"Use Liquid snippets to embed images, videos, YouTube or Vimeo players, and content blocks into article and product pages by referencing media identifiers.","type":"Videos_Tutorials","video_url":"https://vimeo.com/1197569345?fl=ls\u0026fe=ec","keywords":null,"last_modified":"2026-08-21T07:12:35+0000","body_markdown":"### **1\\. Access the Article or Product Page**\n\n-   Log in to the backend of StoreConnect.\n\n-   Navigate via the menu: **Custom Content \u003e Articles \u003e All Articles** (or **Products** if editing a product page).\n\n-   Select the specific article or product you want to edit.\n\n\n---\n\n### **2\\. Open the Content Area for Editing**\n\n-   Locate the **Post Content** section (for articles) or **Product Features / Specifications / Warranty** sections (for product pages).\n\n-   Click **Edit** to modify the text content.\n\n-   Select with your cursor where you'd like to insert the media.\n\n\n---\n\n### **3\\. Insert Image Using Liquid**\n\n-   Use this Liquid snippet in the text area:\n\n    \n```liquid\n\n    {% assign image = all_media['spin-bike-home-hero'] %}\n    ```\n\n\n-   To find the image identifier:\n\n    -   Go to the **Media** section.\n\n    -   Open the desired image.\n\n    -   Copy the **identifier**.\n\n-   Paste the identifier into the Liquid snippet.\n\n-   Save changes and refresh your live page — the image should now appear.\n\n\n---\n\n### **4\\. Insert Video Using Liquid**\n\n-   Replace the previous snippet with this for a video:\n\n    ```\n\n    ```\n\n-   Get the identifier the same way as for images (via Media).\n\n-   Save and refresh to see the video embedded.\n\n\n---\n\n### **5\\. Embed a YouTube or Vimeo Video**\n\n-   To embed an external video:\n\n    \n```liquid\n\n    {{ \"MdAKrzOLQTg\" | youtube }}\n    ```\n\n\n    \n```liquid\n\n    {{ \"65107797\" | vimeo }}\n    ```\n\n\n-   Replace `'YouTube-or-Vimeo-video-ID'` with the actual ID from the URL.\n\n-   Save and refresh the page — the embedded video will now be visible.\n\n\n---\n\n### **6\\. Insert a Content Block into Text**\n\n-   To insert an existing content block from another page:\n\n    \n```liquid\n\n    {{ all_content_blocks[\"main-image-overlay-block\"].render }}\n    ```\n\n\n-   Get and include the identifier for the content block.\n\n-   Save and refresh — the content block will be displayed inside your article or product section.\n\n\n---\n\n### **7\\. Repeat for Product Pages**\n\n-   The same steps apply for product pages:\n\n    -   Go to **Products \u003e Select a Product \u003e Content**.\n\n    -   Insert the Liquid code into sections like **Product Features**, **Specifications**, or **Warranty**.\n\n    -   Save and refresh to preview the media."}