Shopify · portfolio

Free widgets for a portfolio site on Shopify

Portfolios get judged in seconds and most visits are a hiring manager or client checking whether you are a real, active practitioner. A visitor globe showing international traffic and a page-speed badge proving you build fast sites both say 'competent' without a paragraph of claims.

What you are trying to do here is turn a visit into an enquiry while the work is still on screen. Three widgets below do that; the other 15 in the set mostly do not, so they are not on this page. No app. Shopify renders raw HTML and script tags inside a Custom Liquid block, so there is nothing to install from the App Store.

The three worth adding

  1. 01

    live visitor tracker world map

    On Shopify this goes in the product or page template itself — it's the most visual widget you have, so it earns a spot in the content rather than the chrome.

  2. 02

    page speed badge

    On Shopify this goes in theme.liquid, just before </head> — one paste in the head gives every page its own score — the badge auto-detects which page it's on.

  3. 03

    GitHub stars badge

    On Shopify this goes in the product or page template itself — it's social proof for a specific project, so it goes inline next to what it's vouching for.

Where to put them

Keep these near the bottom of the home page or on your about page — never above the work itself. The GitHub stars badge belongs beside the project it refers to.

Questions people ask

Which widget should a portfolio site on Shopify add first?

live visitor tracker world map — Portfolios get judged in seconds and most visits are a hiring manager or client checking whether you are a real, active practitioner. A visitor globe showing international traffic and a page-speed badge proving you build fast sites both say 'competent' without a paragraph of claims.

Where do the widgets go on a portfolio site?

Keep these near the bottom of the home page or on your about page — never above the work itself. The GitHub stars badge belongs beside the project it refers to.

Do I need an app for this on Shopify?

No app. Shopify renders raw HTML and script tags inside a Custom Liquid block, so there is nothing to install from the App Store.

Other site types on Shopify