Skip to content

Shopify integration

A social media widget on the page where people decide.

A Shopify store already has the hard part solved — traffic arrives on a product page with intent. What it usually lacks is the reassurance a shopper needs in the last thirty seconds before adding to cart, which is exactly the job a social media widget does there.

Where it belongs in a Shopify theme

Shopify is unusual in this list because the highest-value placement is not the homepage. It is the product template, a few hundred pixels below the buy button.

  • Product template, under the add-to-cart

    The moment of hesitation. Customer photos of the actual item beat any amount of description copy, and Online Store 2.0 lets you drop a section there without touching Liquid.

  • Homepage, below the hero

    Sets the tone before anyone browses. A mixed wall works here where a single-product feed would not.

  • A dedicated reviews section

    Google Reviews about the shop, rather than photos of one product — different job, different feed.

  • Not checkout

    Shopify locks checkout down to scripts on Plus, and it would be the wrong place regardless — nothing should distract from a completed purchase.

Adding it to Shopify

  1. 1

    Copy your embed snippet

    From the feed's Embed dialog. One script tag and one div, both of which Shopify's editors accept as-is.

  2. 2

    Add a Custom Liquid block

    In the theme editor, open the template you want — Product, Home — and add a Custom Liquid block where the wall should sit. Paste the snippet in. On Online Store 2.0 themes this needs no code file edits at all.

  3. 3

    Position it by dragging

    Move the block up or down the section list until it sits where you want relative to the buy button. Preview on mobile before saving; product pages are read on phones.

  4. 4

    Save and check the live URL

    The theme editor preview is not always a faithful render of third-party embeds. Open the published product page itself.

What trips people up on Shopify

Most Shopify problems are theme problems rather than embed problems, and they are predictable ones.

  • Editing a live theme directly. Duplicate it, make the change on the copy, preview, then publish — Shopify makes this easy and it saves an awkward hour
  • Vintage themes without Online Store 2.0 sections need the snippet in a Liquid file rather than a block, which means a theme edit that a theme update can overwrite
  • Some speed-optimisation apps defer or strip third-party scripts. If the wall renders in an incognito window but not normally, that is usually the culprit rather than us
  • A product-page feed shows the same wall on every product unless you build a feed per product line — worth deciding before you promise it to a client

Shopify questions

Not on an Online Store 2.0 theme. A Custom Liquid block in the theme editor takes the snippet and can be dragged into position like any other section. Older vintage themes do need a file edit.

Other platforms

One snippet, then never again.

Build the feed, paste it into Shopify once, and it keeps itself current from then on.

Start free