- 楽天
- Yahoo!
「Magnet」で【超PayPay祭】の特設ページを30分でつくる!〜実演編
![超PayPay祭の特設ページを30分で作る](/wp-content/uploads/2022/02/超PayPay祭の特設ページを30分で作る.png)
こんにちは、ogaRia運営チームです。
ogaRiaでは2022年の1月から、『(Yahoo!コマースパートナー)利用数No.1の制作ツール – Magnet※』の無料提供サービスを開始しました。すでに、多くのogaRiaご契約者さまにご利用をいただいております!
(※…2022年2月時点)
今回は、そんなMagnetの「特設ページ(カスタムページ)をつくる」機能を使って、2月14日から始まる「Yahoo!ショッピング 超PayPay祭」専用の会場を、30分で作成する流れを実演したいと思います。
まだMagnetをご利用されていないogaRiaご契約者さまは、ぜひお申込ください!
超PayPay祭専用のテンプレートを選ぶ
まずは、Magnetのサービス画面にログインして、「カスタムページを作る」機能へ入り、テンプレートを選んでいきましょう。
![Magnetトップ画面](/wp-content/uploads/2022/02/スクリーンショット-2022-02-08-11.13.58.png)
次に「追加する」ボタンを押します。
![カスタムページを作る](/wp-content/uploads/2022/02/カスタムページを作る.png)
用意されているテンプレートが並びます。この中から「超PayPay祭」を選択します。
![超PayPay祭のテンプレート](/wp-content/uploads/2022/02/81cc34a060fc6d5e4f08cd028671c8b7.gif)
(尚、Magnetには現在29種類の特設会場テンプレートがあります!バレンタイン専用の会場や、「よくある質問」の専用ページなど・・・ネットショップ運営に欠かせない特設ページのテンプレートをご用意しています。)
テンプレートを選択すると、超PayPay祭のためのデザイン・構成が完成した状態で、デザイン編集画面が開きます!編集画面の構成はこのようになっています。デザインの作成を行うのは、PC画面のみでOK。スマホ用のデザインは、PC画面を元に自動で完成します。
![Magnetのデザインエディタ](/wp-content/uploads/2022/02/スクリーンショット-2022-02-08-11.22.47.png)
- ページのタイトル
- ページの公開設定メニュー
- デザインのプレビュー&編集部
「プレビュー」メニューを押せば、PCとスマホそれぞれの完成状態を確認できます。
![912d8678e596c07f90629a77b6770fdb](/wp-content/uploads/2022/02/912d8678e596c07f90629a77b6770fdb.gif)
掲載する商品を選ぶ
それでは早速、テンプレートの編集を行っていきましょう。用意されている「セール商品コーナー」を、自ストアの商品に差し替えていきます。まずは、商品コーナーにマウスを合わせて、「編集」ボタンを押します。
![商品コーナーの編集](/wp-content/uploads/2022/02/商品コーナーの編集.png)
商品コーナーの編集画面が開きます。初めはサンプルの商品が登録されていますので、こちらをクリックします。
![Magnet_商品を選ぶ](/wp-content/uploads/2022/02/Magnet_商品を選ぶ.png)
自動で出品中の商品一覧が表示されますので、掲載したい商品を選択しましょう!
![Magnet_商品の一覧](/wp-content/uploads/2022/02/Magnet_商品の一覧.png)
商品コーナーは他にも、並べ方やデザインなどを調整することができます。
![31bde0344c335d19d57f80316333213c](/wp-content/uploads/2022/02/31bde0344c335d19d57f80316333213c.gif)
これで商品が掲載できました!
![スクリーンショット 2022-02-09 11.21.48](/wp-content/uploads/2022/02/スクリーンショット-2022-02-09-11.21.48.png)
好きなだけカスタマイズ
テンプレートで用意されているテキストや画像は、お好きに差し替えることができます。
![e7de6e30ecdada4c63af17257f7e12fd](/wp-content/uploads/2022/02/e7de6e30ecdada4c63af17257f7e12fd.gif)
それだけではなく、「画像」や「テキスト」のパーツはお好きな位置に挿入できます。
![7a02fed030da05268d704f62cc57d6fc](/wp-content/uploads/2022/02/7a02fed030da05268d704f62cc57d6fc.gif)
ogaRiaご利用者さまであれば、ogaRiaツールの挿入もできます。
「こんな商品コーナーを作りたい」や「あんなメッセージを載せておきたい」など、アイディアがあればそれを即実現できます。
ボタン一つで公開
デザインが完成したら、あとは公開するだけです。右上にある「反映する」ボタンを押します。
![スクリーンショット 2022-02-09 11.34.54](/wp-content/uploads/2022/02/スクリーンショット-2022-02-09-11.34.54.png)
ページのURLとなるIDと、ページのタイトルを決めて、「公開する」ボタンを押しましょう。
![Magnet_反映する](/wp-content/uploads/2022/02/Magnet_反映する.png)
これで特設ページが完成しました!
![Magnet_超ペイペイ祭特設ページ](/wp-content/uploads/2022/02/Magnet_超ペイペイ祭特設ページ.png)
スマホ側も同時に完成しています。
![Magnet_超ペイペイ祭特設ページ(スマホ)](/wp-content/uploads/2022/02/Magnet_超ペイペイ祭特設ページスマホ-153x300.png)
導線用のバナーもあります
あとは特設ページへの導線を、ストアトップや商品ページのトップに設置しましょう。Magnetでは導線用のバナーもご用意しています。
![4bd24c3ca14302f7ad6b34ad516e6751](/wp-content/uploads/2022/02/4bd24c3ca14302f7ad6b34ad516e6751.gif)
いかがでしょうか?
Magnetは、「操作が直感的で分かりやすい」だけでなく、「バナー画像やデザイン、構成まで全て用意されいる」ことも人気の一つです。今回の超PayPay祭だけでなく、ぜひ日ごろのストア運営にもMagnetをお役立ていただけると幸いです。
![](/wp-content/themes/knowhow/img/goto_sys_info.jpg)