# ▶️ Insert media with Liquid

Source: https://support.storeconnect.com/articles/how-to-insert-media-with-liquid · Last modified 21 August 2026

Video: https://vimeo.com/1197569345?fl=ls&fe=ec

### **1\. Access the Article or Product Page**

-   Log in to the backend of StoreConnect.

-   Navigate via the menu: **Custom Content > Articles > All Articles** (or **Products** if editing a product page).

-   Select the specific article or product you want to edit.


---

### **2\. Open the Content Area for Editing**

-   Locate the **Post Content** section (for articles) or **Product Features / Specifications / Warranty** sections (for product pages).

-   Click **Edit** to modify the text content.

-   Select with your cursor where you'd like to insert the media.


---

### **3\. Insert Image Using Liquid**

-   Use this Liquid snippet in the text area:

    
```liquid

    {% assign image = all_media['spin-bike-home-hero'] %}
    ```


-   To find the image identifier:

    -   Go to the **Media** section.

    -   Open the desired image.

    -   Copy the **identifier**.

-   Paste the identifier into the Liquid snippet.

-   Save changes and refresh your live page — the image should now appear.


---

### **4\. Insert Video Using Liquid**

-   Replace the previous snippet with this for a video:

    ```

    ```

-   Get the identifier the same way as for images (via Media).

-   Save and refresh to see the video embedded.


---

### **5\. Embed a YouTube or Vimeo Video**

-   To embed an external video:

    
```liquid

    {{ "MdAKrzOLQTg" | youtube }}
    ```


    
```liquid

    {{ "65107797" | vimeo }}
    ```


-   Replace `'YouTube-or-Vimeo-video-ID'` with the actual ID from the URL.

-   Save and refresh the page — the embedded video will now be visible.


---

### **6\. Insert a Content Block into Text**

-   To insert an existing content block from another page:

    
```liquid

    {{ all_content_blocks["main-image-overlay-block"].render }}
    ```


-   Get and include the identifier for the content block.

-   Save and refresh — the content block will be displayed inside your article or product section.


---

### **7\. Repeat for Product Pages**

-   The same steps apply for product pages:

    -   Go to **Products > Select a Product > Content**.

    -   Insert the Liquid code into sections like **Product Features**, **Specifications**, or **Warranty**.

    -   Save and refresh to preview the media.

---

## Follow StoreConnect

- [Email Newsletter](https://getstoreconnect.com/c/lp-newsletter)
- [LinkedIn Newsletter](https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7444956928444862464)
- [YouTube](https://www.youtube.com/channel/UCngKdP2x8l1wcbAKW3tvU8g)
- [LinkedIn](https://www.linkedin.com/company/storeconnect)
- [X / Twitter](https://x.com/storeconnecthq)

## Popular Links

- [Partners](https://getstoreconnect.com/partners)
- [News](https://getstoreconnect.com/articles/news)
- [Events](https://getstoreconnect.com/articles/events)
- [Feature Comparison](https://getstoreconnect.com/how-we-compare)
- [Download a free trial](https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FMkeKUAT)
- [Book a Demo](https://getstoreconnect.com/contact)

## Documentation

- [Help documentation](https://support.storeconnect.com/help-documentation)
- [AI agents](https://support.storeconnect.com/ai)
- [Videos & tutorials](https://support.storeconnect.com/videos-tutorials)
- [Developer reference](https://support.storeconnect.com/developer-reference)
- [Release notes](https://support.storeconnect.com/release-notes)
- [Troubleshooting](https://support.storeconnect.com/troubleshooting)
- [Trust Center](https://trust.getstoreconnect.com/)
- [Status Page](https://status.storeconnect.com/)

## Contact

- info@getstoreconnect.com
- US +1 415 745 3230
- AUS +61 2 8365 2308

100 S Ashley Dr, Suite 600-2461
Tampa FL 33602-600 USA

Level 22, Sydney Place
180 George Street
Sydney, NSW, 2000, AUS

---

StoreConnect Support — https://support.storeconnect.com/articles/how-to-insert-media-with-liquid