The Image Generation API generates custom images automatically based on a design template which you can add static and dynamic images, texts, shapes, etc. To generate a custom Open Graph image automatically, we will use Bannerbear’s Image Generation API. What Is Bannerbearīannerbear is an automated media generation service that helps you create custom images, videos, and more using API. These custom Open Graph images can be generated for different products automatically once it’s set up and we will be using Bannerbear to do so. With this little modification, people will be able to know that the post is not just about dinnerware but it’s a product on a promotion. Instead of using the default image, we can use a custom Open Graph image to display information like product name, price, brand logo, etc. Using the default Shopify Open Graph image, social media users would only know that it’s a product link or that the product is on a promotion if they click on the link.

However, you might have missed an opportunity to promote your product. If your website is showing an Open Graph image successfully, it would be sufficient to provide social media users with a general context about the post-it’s a post about dinnerware. It should look something like this with the product name being the title: It can be set by adding the og:image or twitter:image meta tag within a website’s section:īy default, Shopify will use the featured image of a product as the Open Graph image. If it’s not set up correctly, social media users will only see a link or a blank image on the post. The Open Graph image (OG image) or social sharing image is an image that will be displayed when you share a website on social media. In this tutorial, we’ll learn how to add auto-generated custom Open Graph images to Shopify so that product information will be displayed on the image when a product link is shared on social media.

Despite that, many modifications can be done to improve the performance of a Shopify store by doing customizations with a little bit of code and third-party services.

Setting up an online store using Shopify is easy and can be done without any coding knowledge as users can create their store in a few clicks from a list of store templates. From small-medium businesses to big brands like GymShark, Heinz, Sephora, Fitbit, etc., more than 1.75 million businesses use Shopify. Being one of the top e-commerce platforms, it’s no doubt that Shopify is making online shopping easy for merchants and customers regardless of the size of the business.

Manycam custom image