How does it work?
Our mission is to help your happiest customers to share the products and brands they love and help you to sell to their friends.
Your happiest customers will share your products via their social apps — Facebook, Twitter, Apple Messanger, Whatsapp, Slack, LinkedIn, Discord, and all the rest. They'll take the URL from their browser, or from the social sharing buttons on your site, and post them. These social apps try hard to make your boring URLs look interesting. If they find a picture then they'll show it.
But is it the right picture? Is it a good picture? Is it a picture that helps you to sell?
Where do social apps get the image they use for your product URLs? How can you change it to match your brand? How can you change it to invoke a call to action and increase your purchases?
When each social app is given your product URLs they invisibly load your site and look for special metadata tags. These give clues to each social site about how you would like your product to be displayed when your fans share your links.
<meta name="og:image" content="https://path/to/image.png"> <meta name="og:image:width" content="1200"> <meta name="og:image:height" content="628">
Most Shopify themes already try to setup very base
You probably didn't have to do anything, nor know it even existed.
Visit your own store, right click and go to "View Page Source". Search the page for
Or, enter one of your own product URLs and we will show you what you are currently sharing with social sites and social apps.
<meta property="og:image" content="http://mocra.com/assets/marketing/theoodie/unicorn_79699_1200x1200-05ae5abf104e9217596c9528fc6140d6aa3ff2d19b6bf09fb24182ce9a23939b.jpg"> <meta name="og:image:width" content=""> <meta name="og:image:height" content="">
og:image is probably the first image you uploaded for your product.
When one of your happiest customers uploads your product URL to Facebook, it might look something like:
With Mocra Live Link, you can quickly add your branding or trademark to all your product images.
Yes that's awesome.
Unfortunately, your image was designed for your website, not for Facebook. Facebook wants your
og:image to be in a ratio of 1 to 1.91 pixels. For example, 1200px wide by 628px high.
Facebook and other social apps might crop your image so that it no longer makes sense. This is a better approximation of what your happiest customers are sharing with their friends and family.
Inside Twitter too, you might be requesting the wide-screen image format:
<meta name="twitter:card" content="summary_large_image">
Alas, Twitter will also crop your image poorly.
Fortunately, with Mocra Live Link we can redesign all our product images to use your company logo, website fonts, and include live price information straight from your Shopify admin section.