TECHNOLOGY IT NEWS

Shopifyの顧客アカウント(マイページ)に画像バナーを表示できるアプリ「シンプルマイペー ジバナー|お手軽顧客アカウント画像」をリリース

公開:
CodeCampが提供するDX人材育成が可能なプログラミングやITが学べる公開講座
この記事はプレスリリースです

本記事は、PR TIMESに掲載された企業・団体等のプレスリリースを原文のまま転載しています。記事内容は発表時点の情報です。

発表元
株式会社UnReact
配信日時
2026年10月10日 14時40分
転載日
2026年10月11日

発表内容については発表元へ、当サイト上の訂正・削除については、当サイトのお問い合わせフォームにご連絡ください。

転載
プレスリリース本文

福岡県の IT ベンチャー企業 株式会社 UnReact が、「シンプルマイページバナー|お手軽顧客アカウント画像」をリリースしました。

福岡県の IT ベンチャー企業 株式会社 UnReact が、「シンプルマイページバナー|お手軽顧客アカウント画像」をリリースしました。

「シンプルマイページバナー|お手軽顧客アカウント画像」は、Shopify の新しいお客様アカウント(マイページ)に画像バナーを表示できる Shopify アプリです。

お客様がログインして注文履歴を確認するマイページは、いちばん熱心なリピーターが見ている場所です。ところが Shopify の新しいお客様アカウントには、独自の画像やお知らせを差し込む標準機能がありません。本アプリを使うと、プロフィール・注文一覧・注文状況の 3 ページに画像バナーを置けます。管理画面で画像をアップロードして URL をコピーし、お客様アカウントのエディタでブロックに貼り付けるだけで設定が終わります。

ブロックごとに画像が独立しているので、プロフィールには会員向けのポイント案内、注文一覧には次回購入を促す送料無料キャンペーン、というように置き分けられます。PC とスマートフォンで別の画像を用意することもでき、バナーにはリンク先と代替テキストも付けられます。会員限定セールや新商品の案内をリピーターに届けたいアパレル・コスメ・食品などのストアに向いています。

ノーコードで設定できます。料金は Basic Plan 月額 $3.99 で、インストールから 7 日間の無料体験が可能です。年払いなら実質 2 ヶ月分無料でお得にご利用いただけます。

本アプリは、2026年10月4日 10:00 に正式公開いたしました。

▼「シンプルマイページバナー|お手軽顧客アカウント画像」|アプリストア

https://apps.shopify.com/sa-178-ur-mypage-banner?locale=ja

▼「シンプルマイページバナー|お手軽顧客アカウント画像」|ご利用ガイド

https://unreact.jp/shopify-apps/sa-178-ur-mypage-banner/guide

■Shopify とは

Shopifyは、世界175ヶ国100万ショップ以上で利用されているECプラットフォームです。低コストで本格的なネットショップを開設でき、豊富なデザインテンプレートやアプリによる機能拡張が可能です。日本でも多くのブランドやショップがShopifyを活用してオンラインストアを運営しています。

■「シンプルマイページバナー|お手軽顧客アカウント画像」について

画像をアップロードして URL を貼るだけで、マイページにバナーを追加できます。
画像をアップロードして URL を貼るだけで、マイページにバナーを追加できます。

「シンプルマイページバナー|お手軽顧客アカウント画像」は、お客様アカウントのプロフィール・注文一覧・注文状況の各ページに、任意の画像バナーを差し込める Shopify アプリです。バナー画像は Shopify の「コンテンツ → ファイル」に保存され、Shopify の CDN から直接読み込まれるため、アプリのサーバーを経由せず安定して表示されます。

主な特徴は以下のとおりです。

■ マイページの 3 ページにバナーを表示できる

顧客アカウントのプロフィールページに、会員限定セールのバナーを表示できます。
顧客アカウントのプロフィールページに、会員限定セールのバナーを表示できます。

注文履歴を見に来たお客様に、その場でお知らせを届けられます。

対象は新しいお客様アカウントの「プロフィール」「注文一覧」「注文状況」です。バナーは画像の縦横比を保ったまま本文の幅いっぱいに表示されるので、横長のバナーを用意すればそのまま横長で出ます。ブロックはページ内で上下に並べ替えられ、お客様の名前の上にも住所の下にも置けます。

■ 管理画面で画像をアップロードして URL をコピーするだけ

アプリの管理画面で画像をアップロードし、「URLをコピー」で貼り付け用の URL を取得できます。
アプリの管理画面で画像をアップロードし、「URLをコピー」で貼り付け用の URL を取得できます。

画像の置き場所を別途用意する必要はありません。

アプリの設定画面に画像をドロップして「アップロードする」を押すと、Shopify のファイルに保存されて URL が発行されます。「URLをコピー」を押し、お客様アカウントのエディタで追加したブロックの「Banner image URL」に貼り付けて保存すれば、その場でバナーが表示されます。初期設定画面の「エディタを開く」ボタンからエディタを直接開けるので、設定場所を探す手間もかかりません。

■ ページごと・ブロックごとに別のバナーを出せる

注文一覧ページには、プロフィールとは別の送料無料キャンペーンのバナーを表示できます。
注文一覧ページには、プロフィールとは別の送料無料キャンペーンのバナーを表示できます。

ページの目的に合わせて、訴求を変えられます。

設定はブロック 1 つ 1 つに保存されます。プロフィールにはポイント案内、注文一覧には次回購入を促すキャンペーン、注文状況には関連商品の案内、といった置き分けが可能です。同じページに複数のブロックを追加すれば、上にセール告知、下に会員特典の案内、というように 2 枚以上を並べることもできます。

■ PC とスマートフォンで別々の画像を使える

PC では横長の画像、スマートフォンでは縦に余裕のある画像、と端末ごとに切り替えて表示できます。
PC では横長の画像、スマートフォンでは縦に余裕のある画像、と端末ごとに切り替えて表示できます。

横長バナーの文字がスマートフォンで読めなくなる問題を防げます。

ブロック設定の「Banner image URL (desktop)」に PC 用の画像を入れておくと、バナーが置かれた枠の幅が 400px 以上のときは PC 用、それ未満のときはスマートフォン用が表示されます。縦横比は画像ごとに別々に計算されるので、PC 用は横長・スマートフォン用は正方形、という組み合わせもできます。

■ リンク先と代替テキストを付けられる

バナーをそのまま、セール会場への入口にできます。

「Banner link URL」を入れるとバナー全体がリンクになり、コレクションページや LP を新しいタブで開きます。お客様はマイページに戻りやすく、注文履歴の確認を中断させません。「Banner alt text」に画像の内容を短く書いておくと、画像が表示できないときや読み上げソフトでその文言が使われます。

▼「シンプルマイページバナー|お手軽顧客アカウント画像」|アプリストア

https://apps.shopify.com/sa-178-ur-mypage-banner?locale=ja

▼「シンプルマイページバナー|お手軽顧客アカウント画像」|ご利用ガイド

https://unreact.jp/shopify-apps/sa-178-ur-mypage-banner/guide

▼参考記事

この記事の内容は、以下の記事を参考にしています。

・Shopify の顧客アカウント(マイページ)に画像バナーを表示する「シンプルマイページバナー|お手軽顧客アカウント画像」ご利用ガイド

・【徹底解説】Shopify アプリ「シンプルマイページバナー|お手軽顧客アカウント画像」でできること

・Shopifyの顧客アカウント(マイページ)にバナーを表示できるアプリ5選|実際に入れて比べました

▼株式会社UnReact 会社概要

会社名: 株式会社UnReact

代表者: 西川信行

事業内容: EC制作事業・アプリ開発・教育事業

URL: https://unreact.jp/

プレスリリース転載ここまで
ブログに戻る

コメントを残す

コメントは公開前に承認される必要があることにご注意ください。

企業・法人向けのIT・プログラミング・生成AI研修を探す、比較する - IT・プログラミングを知って学べるコネクトメディア CodeCampが提供するDX人材育成が可能なプログラミングやITが学べる公開講座 - IT・プログラミングを知って学べるコネクトメディア コードキャンプが提供する無料で学べるプログラミングスクール講座 - IT・プログラミングを知って学べるコネクトメディア コードキャンプDX人材育成研修 - IT・プログラミングを知って学べるコネクトメディア 3.5日の研修で、年間1,600時間の削減効果が見込まれる。東京きらぼしフィナンシャルグループのDX人材育成事例 - IT・プログラミングを知って学べるコネクトメディア 配属3ヶ月で30%の生産性向上を実現するいよぎんコンピュータサービスの新人研修に迫る - IT・プログラミングを知って学べるコネクトメディア 金融業界の業務効率化を加速するニッセイアセットマネジメントの生成AI×GAS活用研修事例 - IT・プログラミングを知って学べるコネクトメディア 【製造業のDX人材育成事例】デジタル人材の即戦力化を実現する、日本ガイシ株式会社の異動者向オンボーディング研修 - ITやプログラミングを知って学べるコネクトメディア フューチャーアーキテクト株式会社が実現した新入社員向けIT研修プログラムでタスクフォース制度が主体的な学びと成長を生み出す - IT・プログラミングを知って学べるコネクトメディア コードキャンプDX人材育成研修 - IT・プログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/【IT新入社員研修】オンラインとオフラインの最適バランスを実現したFutureOneの導入事例 - IT・プログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/【新入社員研修】柔軟なハイブリッド型Java研修で実現した新卒20名の成長と成果|サークレイス株式会社 - ITやプログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/現場により近いところにデジタルを根付かせるDX基礎講座研修|株式会社ブリヂストン - ITやプログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/業務の効率化・DX推進に向けたIT人材育成への第一歩|株式会社カナエ - ITやプログラミングを知って学べるコネクトメディア 企業・法人向けのIT・プログラミング研修 - ITやプログラミングを知って学べるコネクトメディア

What's New

新着記事

対象者別で探す

子供(小学生・中学生・高校生)向け
プログラミング教室検索する

子供(小学生・中学生・高校生)がロボットやプログラミング言語を学ぶことができるオフラインからオンラインスクールを検索、比較することが可能です。

子供(小学生・中学生・高校生)
プログラミング教室検索する

ITやプログラムなどの
最新情報を検索する

日々、新しいITやプログラミング言語の情報が流れていきますが、特定の情報を時系列でニュースやコラムを確認することができます。

ITやプログラムなどの
最新情報を検索する