• 楽天
  • Yahoo!

「Magnet」で【超PayPay祭】の特設ページを30分でつくる!〜実演編

超PayPay祭の特設ページを30分で作る

こんにちは、ogaRia運営チームです。

ogaRiaでは2022年の1月から、『(Yahoo!コマースパートナー)利用数No.1の制作ツール – Magnet無料提供サービスを開始しました。すでに、多くのogaRiaご契約者さまにご利用をいただいております!
(※…2022年2月時点)

今回は、そんなMagnetの「特設ページ(カスタムページ)をつくる」機能を使って、2月14日から始まる「Yahoo!ショッピング 超PayPay祭」専用の会場を、30分で作成する流れを実演したいと思います。

まだMagnetをご利用されていないogaRiaご契約者さまは、ぜひお申込ください!

超PayPay祭専用のテンプレートを選ぶ

まずは、Magnetのサービス画面にログインして、「カスタムページを作る」機能へ入り、テンプレートを選んでいきましょう。

Magnetトップ画面

次に「追加する」ボタンを押します。

カスタムページを作る

用意されているテンプレートが並びます。この中から「超PayPay祭」を選択します。

超PayPay祭のテンプレート

(尚、Magnetには現在29種類の特設会場テンプレートがあります!バレンタイン専用の会場や、「よくある質問」の専用ページなど・・・ネットショップ運営に欠かせない特設ページのテンプレートをご用意しています。)

テンプレートを選択すると、超PayPay祭のためのデザイン・構成が完成した状態で、デザイン編集画面が開きます!編集画面の構成はこのようになっています。デザインの作成を行うのは、PC画面のみでOK。スマホ用のデザインは、PC画面を元に自動で完成します。

Magnetのデザインエディタ
  1. ページのタイトル
  2. ページの公開設定メニュー
  3. デザインのプレビュー&編集部

「プレビュー」メニューを押せば、PCとスマホそれぞれの完成状態を確認できます。

912d8678e596c07f90629a77b6770fdb

掲載する商品を選ぶ

それでは早速、テンプレートの編集を行っていきましょう。用意されている「セール商品コーナー」を、自ストアの商品に差し替えていきます。まずは、商品コーナーにマウスを合わせて、「編集」ボタンを押します。

商品コーナーの編集

商品コーナーの編集画面が開きます。初めはサンプルの商品が登録されていますので、こちらをクリックします。

Magnet_商品を選ぶ

自動で出品中の商品一覧が表示されますので、掲載したい商品を選択しましょう!

Magnet_商品の一覧

商品コーナーは他にも、並べ方やデザインなどを調整することができます。

31bde0344c335d19d57f80316333213c

これで商品が掲載できました!

スクリーンショット 2022-02-09 11.21.48

 

好きなだけカスタマイズ

テンプレートで用意されているテキストや画像は、お好きに差し替えることができます。

e7de6e30ecdada4c63af17257f7e12fd

それだけではなく、「画像」や「テキスト」のパーツはお好きな位置に挿入できます。

7a02fed030da05268d704f62cc57d6fc

ogaRiaご利用者さまであれば、ogaRiaツールの挿入もできます。
「こんな商品コーナーを作りたい」や「あんなメッセージを載せておきたい」など、アイディアがあればそれを即実現できます。

ボタン一つで公開

デザインが完成したら、あとは公開するだけです。右上にある「反映する」ボタンを押します。

スクリーンショット 2022-02-09 11.34.54

ページのURLとなるIDと、ページのタイトルを決めて、「公開する」ボタンを押しましょう。

Magnet_反映する

これで特設ページが完成しました!

Magnet_超ペイペイ祭特設ページ

スマホ側も同時に完成しています。

Magnet_超ペイペイ祭特設ページ(スマホ)

導線用のバナーもあります

あとは特設ページへの導線を、ストアトップや商品ページのトップに設置しましょう。Magnetでは導線用のバナーもご用意しています。

4bd24c3ca14302f7ad6b34ad516e6751

いかがでしょうか?
Magnetは、「操作が直感的で分かりやすい」だけでなく、「バナー画像やデザイン、構成まで全て用意されいる」ことも人気の一つです。今回の超PayPay祭だけでなく、ぜひ日ごろのストア運営にもMagnetをお役立ていただけると幸いです。

[ogaRiaご契約者さまなら、Magnetを無料でお使いいただけます!]

この記事を書いた人

中村 茉実

中村 茉実ディレクター

元楽天ショップ店長やってました。歩くときに他人との距離感が掴めないところがあり、よくオジサンのかかとを踏んでしまいます。

この記事のあとによく読まれています!

繁盛レシピの人気記事3選!

コメントはお気軽にどうぞ

セキュリティチェック *

内容をご確認の上、送信してください。