商品ランキングとボタンを組み合わせた表示例

ATLAS(アトラス)では商品ランキングをボタン1つで作成することができます。

作成方法は簡単、記事エディタ(ビジュアル)のツールバーにある「ランキング」ボタンをクリックするだけ!簡単にデザインが整ったランキングを表示させることができます。

ランキングパターン1

商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。
容量 100ml
発売日 2016年9月
評価
価格 5000円
商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。
容量 100ml
発売日 2016年9月
評価
価格 5000円
商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。
容量 100ml
発売日 2016年9月
評価
価格 5000円

ランキングパターン2

商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。
商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。
商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。

ボタンと組み合わせた表示例

こうしたランキングは、ボタンと組み合わせることでさらにユーザーへの訴求力をUPさせることができます。

例1

商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。
容量 100ml
発売日 2016年9月
評価
価格 5000円

公式サイトはコチラ

例2

商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。

公式サイトはコチラ

例3

商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。

詳細はコチラ 公式サイトはコチラ

※ボタンの色や大きさはカスタマイザーで自由に変更することが可能です。

ボタンとユーザーの吹き出しを組み合わせた例

商品名を入力してください
ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。ここに商品の説明文を入力してください。
容量 100ml
発売日 2016年9月
評価
価格 5000円

ここにユーザーの口コミやレビューを記載します。

ここにユーザーの口コミやレビューを記載します。

公式サイトはコチラ

カテゴリーごとに違うCTAを設置できます responsive_img_atlas-1

アトラスでは、記事下のお知らせ(CTA=コールトゥアクション)をカテゴリーごとに設定することができます。

メンズエステの総合サイトを運営するときにも、

  • ひげ脱毛のカテゴリ=A広告
  • スキンケアのカテゴリ=B広告
  • エステのカテゴリ=C広告

など、ターゲットに合わせて広告を細かく設定することができます。

このテーマを購入する

関連記事

記事中の関連記事に使いやすいブログカードもとっても簡単!

ボタン作成もクリック1つで簡単に作成可能!

記事エディタで表を作成する(商品詳細や商品比較用)

長いタイトルをつけてみた場合のタイトル表示のされ方はこんな感じになります。SEO...

記事装飾機能(ビジュアルエディタ上で使える装飾)の一覧