Business card for each product - Preview for social media (Open Graph)

Business card for each product - Preview for social media (Open Graph) for Shop-Script

Link card with photo, price and contacts

5.0 1 rating

7 days free

To try out this plugin, open it in the Installer app in your Webasyst.

Basic Premium
Your review
Installs
10+
Developer
Support
Version
1.1.1
Updated
August 18, 2026
Additional licenses
No discount
Minimal requirements
  • PHP version >=7.4
  • Version of Framework >=2.7.0
  • App Shop-Script

Every link to your store is a chance to sell. By default it travels as a bare address: no image, no price, no brand. The plugin turns it into a branded product card - photo, title, price, logo and contacts - that sells before the click.

Posts with an image get 150% more shares and 18% more clicks (a Buffer study), and content with visuals gets on average 94% more views (MDG Advertising). The preview is exactly that image for your link, and Open Graph is the standard that makes it appear. The plugin sets it up for you - for every product, no designer, no theme edits.

What a buyer sees in the chat

The same product link - two different endings

When a product link is shared in a messenger or social network, the platform decides what to show. The difference is whether it found Open Graph markup - and that decides whether your product gets noticed or scrolled past.

Without Open Graph

  1. A buyer forwards a product link to a chat or feed.
  2. The platform finds no markup - it shows a bare address or picks a random image and the wrong text.
  3. It looks unreliable - the eye slides past.

→ the link is scrolled past, no sale

With the plugin

  1. The same link in the same chat.
  2. The platform reads Open Graph and shows a product card: photo, title, price, your logo.
  3. The card takes half the screen and answers "what and how much" before the click.

→ the product gets noticed and opened

A channel you already have

Every shared link is a free impression of your store

Product links are shared every day - a ready-made marketing channel that usually sits idle. The plugin switches it on: any link to any product, category or store page becomes a brand impression.

  • You - in buyer conversations, newsletters, email signatures, social profiles.
  • Your buyers - when they recommend a product and forward it to a family chat.
  • Partners and directories - when they publish a link to your store.

The more people share, the more impressions - and every impression looks on-brand. That is attention and click-through (CTR) you don't pay for: the markup makes the link itself clickable.

What it looks like in real life

Real links in Telegram: with markup and without

We sent links to well-known company pages in Telegram. The whole difference is properly configured Open Graph markup - and you can see it instantly.

Rich preview card of vercel.com in Telegram: large image, title and description

Markup configured: a large card with an image, a title and a description. Hard to scroll past a link like this.

Small preview card of amazon.com in Telegram: text and a small logo, no large image

No large image set - Telegram falls back to a small thumbnail, and the card gets lost in the chat.

A link in Telegram with no preview card at all: a bare address line

And here there is no markup at all - the link stays a bare address line. That's how most stores look out of the box.

The plugin moves your store into the first category - for every product, automatically. And a product card also carries the price and the discount.

First impression

People judge your store before they ever open it

Whether you look trustworthy is decided in half a second - and it is decided by a picture in a chat, not by your site. A tidy card with a photo, a price and a logo reads as "this shop is real, everything here is in order". A bare blue link reads as exactly the opposite.

  • It looks established. Your colors and your logo on every link put you next to the big stores instead of next to some unidentified page.
  • It is not scary to tap. The link visibly leads to a specific product at a specific price, and that removes the main worry people have before clicking.
  • It is remembered. The same style in every forward, and after a couple of encounters your store is recognized at a glance.

That half a second is the one thing you cannot influence any other way - only through the preview.

The product card sells

Photo, price, discount and rating - right on the preview

For products the plugin draws not just "a nice picture" but a mini storefront. Add a product - the card is ready, assembled from its data automatically.

  • Product photo, large - the main photo as a full-card background, with a subtle dark overlay so the text stays readable.
  • Title and price - big, with your store's currency sign ($, €, £; or set your own).
  • A "-NN%" discount badge - computed from the compare-at price; that price changes rarely, so the badge doesn't go stale in social caches.
  • Rating and review count - stars from real product reviews; social proof right in the chat.
  • A call-to-action button - "Details", "Buy" or your own text; the familiar button look raises the urge to click.
  • og:type=product and product:price - platforms understand this is a product with a price, not just a page.

Previews also appear for categories, info pages and the home page - each surface toggles separately.

A super business card in every link

A buyer can reach you without even opening the site

You can put your phone and Telegram right on the card - people see how to contact you at the link stage: the bright card catches the eye, the photo and price answer "what and how much", and the contacts turn a shared link into a direct communication channel. Especially powerful in messengers, where people already talk.

What the card can show:

  • Your logo and the store or brand name.
  • The page title and the product price - every page gets its own card.
  • Phone and Telegram for one-tap contact.
  • A short benefit line - like "Cash on delivery" or "Free shipping".
  • A footer with your slogan and store address.

Fonts ship with the plugin - the card text looks equally crisp on any hosting.

Why it brings sales

Nine reasons - three on each level

Sells before the click:

  • More clicks. A card with a photo, a price and a brand stops the eye in the feed far better than a blue link - that is CTR growth for your links.
  • Trust before the visit. People see a real store with prices and contacts, not a suspicious bare address.
  • Social proof. The discount and the rating with reviews are visible right in the chat - the "buy" arguments work before the site opens.

Works on its own:

  • Zero manual work. The card is assembled from the product photo and data - add a product, and the preview is ready.
  • Always up to date. Edit a product - the card rebuilds itself; the image is cached and adds no load.
  • No conflicts. The plugin doesn't duplicate tags your theme already outputs - one clean og: set.

Your brand everywhere:

  • Recognition. Your logo and style ride on every shared link - the more people share, the better they remember you.
  • Branded look in a minute. Nine ready-made themes or your own colors - no designer needed.
  • Contacts in every link. Phone, Telegram and a benefit line - on any card.
Styling for your brand

Nine ready-made themes - or a fully custom style

The themes are built in and work out of the box, no setup: pick a preset - and the card is already on-brand. Nine ready-made gradient backgrounds: Midnight, Graphite, Ocean, Emerald, Plum, Sunset, Embers, Cosmos, Slate - the price and the title stay guaranteed readable on any of them. And when you want your own look - the design changes completely: colors, background, logo, footer.

All nine themes on real cards - click to zoom:

Product card with the Midnight themeMidnight - electronics: logo, -18% badge, rating, both contacts and a Buy buttonProduct card with the Midnight themeProduct card with the Graphite themeGraphite - furniture: no logo, text brand, rating and a warranty benefit lineProduct card with the Graphite themeProduct card with the Ocean themeOcean - plumbing: -25% badge, Telegram only, minimal setProduct card with the Ocean themeProduct card with the Emerald themeEmerald - cosmetics: 4.9 rating with 211 reviews, toll-free phoneProduct card with the Emerald themeProduct card with the Plum themePlum - apparel: -30% badge, Add-to-cart button, no logoProduct card with the Plum themeProduct card with the Sunset themeSunset - home goods: no badge or rating - just the benefit line and a buttonProduct card with the Sunset themeProduct card with the Embers themeEmbers - grills: badge, rating, a "Pickup today" slogan in the footerProduct card with the Embers themeProduct card with the Cosmos themeCosmos - telescopes: logo on the right, 5.0 rating, Telegram onlyProduct card with the Cosmos themeProduct card with the Slate themeSlate - tools: -20% badge, rating, both contactsProduct card with the Slate theme

Every card here is rendered by the plugin itself: different stores, products, prices, badges, ratings, contacts and buttons - all of that is settings, not photoshop.

Brand settings:

  • Logo and its position (left or right), the header name - from store settings or your own.
  • Background: a ready-made theme, your own solid color or a blurred product photo; overlay strength under the text.
  • Title color and accent color - the bar and footer details.
  • Footer: store address and slogan - or no footer at all.

Product card settings:

  • Product photo as background - one toggle; no photo - the branded backdrop kicks in.
  • Price and a custom currency sign; discount badge; rating with reviews; the CTA button and its text.
  • A custom home page title, image format (JPEG or PNG) and quality.

Settings include a live preview on a real product - you see the card before anyone shares a link.

Seen in advance

Look at your own product before you share the link

You do not have to send anything to yourself to see how it turned out. Right in the settings you pick any product of yours - by name, by SKU, by number, or by simply pasting its link - and the finished card appears at once.

  • Your product, not an abstract sample. The very one you are about to promote: its photo, its price, its discount.
  • Change the styling, see the result. Another theme, another color, the logo on the left or on the right: the picture updates immediately.
  • No surprises. You share the link already knowing what the buyer will see.
Where it works

One standard - every platform

The plugin sets the standard Open Graph, Twitter / X Cards and oEmbed tags - read by messengers, social networks and work chats:

  • WhatsAppWhatsApp
  • FacebookFacebook
  • LinkedInLinkedIn
  • RedditReddit
  • X (Twitter)X (Twitter)
  • TelegramTelegram
  • SlackSlack
  • DiscordDiscord
  • PinterestPinterest

From a LinkedIn post to a Reddit thread or a Slack workspace - anywhere a link lands, the card follows. Working with the Russian-speaking market too? VK, Odnoklassniki, Zen, TenChat and Viber render the same Open Graph cards. Extras: fb:app_id for Facebook, Pinterest domain verification, Twitter / X accounts, Dublin Core - each tag set toggles separately.

Nothing gets broken

Switch it on and forget it: your store stays fast and your theme stays untouched

  • It does not slow the store down. The picture is drawn once and served ready from then on - the buyer waits for nothing.
  • It does not go stale. Change a price, a photo or the styling and the card rebuilds itself; there is nothing to keep an eye on.
  • It does not argue with your theme. If your theme already shows something, the plugin will not duplicate it - the link carries one tidy set of data.

It works on any hosting: the plugin adapts to whatever is installed there.

Better together

The preview is your link's storefront; reinforce it with the AI-visibility bundle

These are parts of one KakTak.Net system. The Open Graph preview is how a product link looks to people in chats and feeds. JSON-LD markup is how search engines and neural networks understand it. llms.txt is a clear store map for AI agents. The plugins cooperate: the preview image can be handed to JSON-LD so the product card in search and in social networks match.

Link shared OG card - noticed JSON-LD - search got it llms.txt - AI got it a buyer for you

One KakTak.Net line: five plugins for Shop-Script, one style, one support. Start with the free audit - it shows what actually dropped on your store, and you decide from there instead of buying everything at once.

Base and premium editions

Base - one store. Premium - a face of its own for every storefront

If you run one store, the base edition is plenty: all the styling, all the cards, every platform. Premium is for those with several storefronts - the ones that should not look alike.

Base one domain

  • The store's primary domain.
  • Cards for products, categories, pages and the home page.
  • Themes, contacts, discounts, rating, the CTA button - everything included.

Premium all storefronts

  • Every storefront at once - however many domains you have, none of them needs setting up separately.
  • Its own styling for each - theme, colors, logo, tagline and contacts.
  • Its own price and currency - a storefront shows what its own buyer actually pays.
How it works

Quietly, in the background, without you

  • Switch it on - and every product, category and page gets markup and a branded card. No code to write, no theme to touch.
  • The image is generated on first request and cached; change the design - it rebuilds itself.
  • Everything under control: separate tag sets, a live preview on a real product, a built-in checkup and settings reset.

Honest about how it works. The final look of the card is decided by the platform itself, and some cache previews on their side - after changes an update can take a while (Telegram and Facebook have their own link debuggers). For the same reason the price on the image can be switched off with one toggle if your prices change often. Open Graph is not a ranking trick; it is what makes your links noticeable, clickable and trustworthy. This plugin does not add JSON-LD search markup - there is a separate plugin in our line for that.

Premium See what Premium adds Several storefronts, each with a face of its own: its own logo, its own colors, its own contacts, its own price and currency on the card. Set up once, then it runs by itself across every domain. See what is included in Premium

KakTak.Net

All products of this developer