商品QRコード生成プラグイン (規格別QR・一括PDFラベル印刷・SNSシェア対応)

📖

マニュアル・設定方法

➔

■ 店舗POPやチラシ、商品同梱カードからECへシームレスに誘導!
本プラグインは、商品の詳細ページや購入カートに直結するQRコードを管理画面から自動生成し、オフラインからオンラインへの顧客誘導(O2O)を強力にサポートする多機能プラグインです。
チラシや実店舗での販売促進、商品発送時の同梱カード等に印刷してご活用いただけます。

■ 本プラグインの5大特徴

• ① 規格(サイズ・カラー等)別の個別QRコード対応
  同じ商品でも、特定の規格(例:カラー「赤」・サイズ「L」)があらかじめ選択された状態で開くQRコードを生成できます。購入までのステップを短縮し、離脱を防ぎます。


• ② カート直結(ダイレクト購入)対応
  QRコードをスキャンすると、該当商品を直接カートに追加し、そのまま注文手続き(購入確認)画面に自動遷移させるモードを搭載。即時購入を促したいチラシ等の紙媒体に効果的です。


• ③ 管理画面での便利な一括処理機能
  
  • QRコード画像の一括ZIPダウンロード:複数商品を選択して、一括でPNG画像をダウンロードできます。
  • A4印刷用ラベルPDF出力(21面/24面対応):商品のQRコード、商品名、コード、価格を自動レイアウトしたラベルシール用のPDFを1クリックで生成。店舗のPOPや値札ラベルがすぐに作成できます。


• ④ リアルタイム設定&プレビュー機能(管理画面)
  QRコードのサイズや余白、カラー(前景・背景)の変更、中央に配置するショップのロゴ画像のアップロードに対応。設定内容は右側のプレビューエリアに即座に反映されます。


• ⑤ フロント画面(商品詳細ページ)用共有ウィジェット
  ショップのユーザーに向けて、商品ページ上に洗練されたシェアウィジェットを自動挿入します。
  モバイルユーザーが手軽にシェア・保存できるよう、QRコードの拡大ポップアップ、ワンタップでのリンクコピー、LINE・X (Twitter) シェア、スマートフォン標準 of 共有機能(Web Share API)を提供します。

■ マーケティング効果の測定(UTMパラメータ)
Google Analyticsでの効果測定用に、UTMパラメータ(utm_source, utm_medium, utm_campaign)をQRコードのリンクURLに自動付与する機能を備えています。どのチラシ、POP、同梱物からのスキャン数や売上が多かったのかを正確に分析できます。

プラグイン設定画面(設定 > プラグイン > プラグイン一覧 > ProductQrCodePlus「設定」)より、QRコードのデザインや遷移先、解析タグの設定などを柔軟にカスタマイズできます。右側のリアルタイムプレビューで仕上がりを確認しながら設定可能です。

【1. QRコード デザイン設定】

• QRコードサイズ: 150px〜800pxから選択。印刷物用途には高解像度(500px以上)を推奨します。
• 余白(マージン): 0px〜20pxから指定。カメラの読み取り精度を高めるため10px(標準)を推奨します。
• 前景色・背景色: ブランドカラーや用紙に合わせたカラーピッカーでの自由な色指定が可能です。
• PDFラベル印刷レイアウト: 商品一覧から印刷するA4ラベルシールの面数パターンを選択できます。

【2. QRコードの遷移先設定】

• 商品詳細ページを開く(通常): スキャン後、商品の詳細ページへ直接遷移します。
• カートに追加して即決済: スキャン後、自動で商品をカートに追加して即座に決済画面へ遷移させます。(※レジレス決済や店頭POPからの即時購入に最適)

【3. Google Analytics(UTMトラッキング)設定】

有効にすると、生成されるQRコードURLに utm_source / utm_medium / utm_campaign を自動付与します。
Google Analytics (GA4) にて「どのチラシ・店頭POPから何件アクセス・購入があったか」を正確に分析・効果測定できます。

【4. フロントエンド表示設定】

商品詳細ページへのQRコード表示: 有効にすると、公開側ショップの商品詳細ページ内にもQRコードが表示されます。PCで閲覧中のお客様がスマートフォンで読み取り、モバイル決済(Apple Pay / 各種QR決済等)でそのまま購入できるスムーズな購買体験を提供します。

本プラグインを導入すると、管理画面の商品編集画面および公開側のフロント商品詳細ページにQRコードや便利な共有機能が自動的に追加されます。

【管理画面:商品登録・商品編集での操作】

• リアルタイムQR生成: 商品編集画面を開くと、対象商品のQRコードが自動プレビューされます。規格(SKU)付き商品にも対応しています。
• PNG画像ダウンロード: Webバナーや一般資料にすぐ使える標準PNG形式で保存できます。
• 印刷用SVGベクター保存: 拡大しても画質が荒れないSVG形式に対応。Illustrator等でのチラシ・ポスター・POP制作にそのまま活用できます。
• 商品ページを開く: 生成されたリンク先をワンクリックで別タブ確認できます。

【フロントエンド:公開側 商品詳細ページでの表示】

• スマホへのスムーズな誘導: PCで商品を見ているユーザーがQRをスマホで読み取り、モバイル決済(Apple PayやQRコード決済など)で即座に購入できます。
• QRコード拡大表示: QRコードをクリックして大きく表示させ、画面越しでも読み取りやすくします。
• SNS・リンク共有ボタン: 「リンクをコピー」「LINE」「X(旧Twitter)」「シェア」ボタンを完備。訪問者が友人へのシェアやSNS拡散をワンタップで行えます。

・Namespace の記述修正およびAutoload構成の最適化
・composer.jsonの依存関係の整理