Zyflora Media Share Widget: Complete Guide

Content sharing drives traffic. When visitors share your images and videos, your reach grows without ad spend.

Zyflora Media Share Widget fixes this. Add one block or shortcode below any media, and visitors get three working share buttons plus embed code they can copy in seconds.

Here are example of the share and embed code under the infographic:

What the plugin does

The widget appears below images, videos, or YouTube embeds. For images, it provides social sharing buttons for Facebook, X, and Pinterest. For all media types, it generates HTML embed code that visitors can copy to use your content on their own sites.

The widget detects media automatically. Drop it below an image in Gutenberg, and it finds the image source, creates share links, and builds embed code without configuration. For videos and YouTube embeds, it provides embed code only.

Why this matters for content sites

Traffic from shares compounds over time. One person shares your infographic on Pinterest. Their followers save it. Those saves show up in more feeds. The cycle continues.

Embed codes work differently but add similar value. When someone embeds your image on their blog, you get a backlink. The embed code includes attribution pointing to your site. Google counts this as a legitimate reference.

The plugin makes both actions simple enough that people actually do them.

All infograpics on this page is made using Zyflora Prompt Generator

Benefits you get immediately

Faster sharing for image content

No popup windows. No account requirements. No steps between “I want to share this” and “shared.” The share buttons link directly to each platform’s share interface with your image pre-loaded. Videos and YouTube embeds don’t include social buttons since direct video sharing to these platforms doesn’t work reliably.

Attribution built into embeds

Every embed code includes a source link back to your site. Visitors who copy your media become sources of referral traffic whether they intend to or not.

Works with existing content

You don’t rebuild pages or re-upload media. Add the widget to any post or page that already has images or videos. The plugin finds the media and handles the rest.

No monthly fees

Install once. The plugin keeps working without subscriptions, API limits, or feature locks. You own the code. It runs on your server.

Using the Gutenberg block

Open any post or page in the block editor. Add your image or video block first. Below the media block, click the plus icon to add a new block.

Type “Zyflora” in the search box. Select “Zyflora Media Share” from the results.

The widget appears immediately below your media. It detects the image or video above it and configures itself.

Customizing the block

Click the widget block. The right sidebar shows two settings.

Widget Title lets you change the text from “Share & Embed this Media” to anything you want. Type your new title and it updates in real time.

Place Under Media toggles how the widget finds media. When enabled, it only looks at the block directly above. When disabled, it searches the entire page. Keep this enabled unless you have a specific reason to change it.

That’s the complete setup. The block handles everything else.

Using the shortcode

If you use the Classic Editor or want to add the widget in a text block, use the shortcode instead.

Add your image or video to your content. On the next line, type:

[zyflora_share]

The widget renders when you publish or preview the page.

Shortcode with custom title

To change the title text, add the title attribute:

[zyflora_share title="Share this infographic"]

The shortcode and block do the same thing. Use whichever fits your workflow.

Supported media types

The plugin detects images in JPG, PNG, GIF, and WebP formats. For images, you get both social sharing buttons and embed code. File size and dimensions don’t matter. The widget detects the image source and creates appropriate share links.

For videos in MP4 and WebM formats embedded with the standard WordPress video block or HTML5 video tag, the widget provides embed code only. Social sharing buttons don’t appear because direct video file sharing to social platforms doesn’t work reliably.

YouTube embeds work through the standard WordPress embed block or iframe code. The plugin extracts the video ID and generates embed code. Like regular videos, YouTube embeds show only the embed code without social sharing buttons.

Other embed types like Vimeo or external iframes won’t trigger the widget. It only activates for images, HTML5 videos, and YouTube embeds.

How the social sharing works

Social sharing buttons only appear for images. Videos and YouTube embeds show embed code only.

When someone clicks a share button on an image, the plugin opens that platform’s native share interface in a new tab. The content URL and relevant metadata are pre-filled.

Facebook sharing

The Facebook button passes your page URL to Facebook’s sharer. Facebook’s crawler reads your page’s Open Graph tags to pull the title, description, and featured image. The plugin doesn’t control what Facebook shows. Your page’s meta tags do.

X (Twitter) sharing

The X button opens Twitter’s tweet composer with your page URL. It includes default text: “Check out this media from Zyflora”. Users can edit this before posting.

Pinterest sharing

Pinterest sharing requires an image URL. The plugin provides the direct source of the image. Pinterest creates a pin linking back to your page.

How embed codes work

Below the share buttons, the widget shows a text box containing HTML code. This code includes an image or video tag pointing to your media file, plus a source attribution paragraph with a link to your page.

What visitors get when they copy the code

If the media is an image:

html

<img src="your-image-url.jpg" alt="Page Title" width="800" border="0" />
<p>Source: <a href="your-page-url">Zyflora AI</a></p>

For YouTube videos:

html

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
<p>Source: <a href="your-page-url">Zyflora AI</a></p>

The embed code works on any website that accepts HTML. When someone pastes it into their blog post, your media appears with attribution.

Copy button functionality

The Copy HTML Embed Code button uses the browser’s native clipboard API. Click it, and the embed code copies to the visitor’s clipboard. The button text changes to “Copied!” for 2.5 seconds, then resets.

This works in all modern browsers without Flash or special permissions. Older browsers that don’t support the Clipboard API will fail silently. The code still appears in the text box for manual copying.

Create Pro Infographics in 22 Seconds (No Skills Needed!) 🤯 https://t.co/3i5nWUn706 via @YouTube

— Zyflora AI (@BjjohaBjorn) December 21, 2025

Use cases

Tutorial sites with screenshots

You publish software tutorials with annotated screenshots. Readers want to share specific steps on Reddit or save images to reference later. The widget makes this instant instead of forcing them to right-click, save, re-upload somewhere else.

Recipe blogs with food photography

Food bloggers benefit from Pinterest traffic. Each recipe photo needs a quick path to Pinterest. The widget adds this below every image without cluttering the recipe card or forcing users to hunt for a share button.

Marketing teams sharing infographics

You create infographics your audience wants to use in their own content. The embed code lets them do this properly with attribution. You get backlinks. They get quality visuals. Both sides benefit.

Video content creators

YouTube videos embedded on your blog can be shared via embed code. Viewers who discover your video on your site can copy the embed code to use it on their own sites with proper attribution back to you.

Common questions

Does the plugin slow down my site?

The plugin loads one small CSS file and inline JavaScript. Total added page weight is under 10KB. The code only runs on pages where you use the widget. Performance impact is negligible.

Can I customize the styling?

Yes, with custom CSS. The widget uses specific class names. Target .zyflora-media-widget and its child elements to change colors, fonts, spacing, or layout. The plugin doesn’t provide a settings panel for styling because CSS gives you complete control.

What happens if someone changes themes?

Nothing. The plugin’s styles are self-contained. Theme changes don’t affect the widget’s appearance or function.

Will it work with page builders?

It depends on the page builder. The Gutenberg block works in the block editor. The shortcode works anywhere that processes WordPress shortcodes, including most page builders’ text or code modules.

For page builders that don’t process shortcodes, you may need to add a WordPress shortcode element first, then place [zyflora_share] inside it.

Can I use multiple widgets on one page?

Yes. Each widget instance operates independently. Place one below each image or video you want shareable. The detection logic finds the media directly above each widget.

Does it track shares?

No. The plugin creates share links but doesn’t track clicks or completions. If you need analytics, use a separate social tracking tool or check your social platforms’ native insights.

When not to use this plugin

If you require share buttons in specific locations like floating sidebars or sticky headers, this plugin won’t help. It only works as a content block or shortcode positioned where you place it.

For advanced embed options like size selection, lazy loading toggles, or CDN integration, you’ll need a different solution. This plugin generates basic embed code optimized for simplicity.

Getting the most value

Add the widget to your most-shared content first. Check Google Analytics to find your top pages. Add the widget to posts that already get traffic. Existing visitors convert to shares faster than hoping new content goes viral.

Place the widget below high-quality images. A blurry photo or generic stock image won’t get shared no matter how easy you make it. Focus on infographics, custom illustrations, data visualizations, or professional photography.

Write descriptive alt text for your images. When visitors share to Pinterest or Facebook, platforms may use your alt text in the share preview. Generic alt text like “image1.jpg” wastes the opportunity.

Test the embed code yourself. Copy it from the widget and paste it into a test post on a separate site. Verify the image loads, the attribution link works, and the result looks presentable. This shows you what others see when they embed your content.

Support and updates

The plugin receives updates through the standard WordPress update system. When a new version releases, you’ll see it in your WordPress dashboard under Updates.

The plugin is compatible with WordPress 5.0 and higher. It’s tested through WordPress 6.9, released December 2024.

For questions or issues, check the plugin’s page in your WordPress admin. The help section explains common scenarios and provides usage examples.

Easy and clean plugin

Social sharing widgets often overcomplicate simple tasks. This plugin does three things: show share buttons, generate embed code, copy to clipboard. That’s it.

No popups asking for email addresses before sharing. No tracking pixels. No premium upsells for basic features.

You install it. You add it below your media. Visitors click buttons or copy code. It works.

If you want to have amaxing infograpic that fits your topic quick and easy, try out my AI infograpich promt generator tool here:

Creating Infographic using AI