Category Archives

226 Articles
モーダルウィンドウを活用して簡単にWEB接客を導入する方法

モーダルウィンドウを活用して簡単にWEB接客を導入する方法

2月になりましたが春の訪れを感じるよりも、寒さが厳しさを増しております。

2017年も気づけば2月ですね。皆様いかがお過ごしでしょうか。
サポート部の葉糸です。

2016年にEC事業者が注目したキーワードの1つ、WEB接客。WEB接客とは、サイト訪問者に対し、探しているページへ誘導を行ったり、クーポンを表示させて購入意欲を高めたり、購入完了までのサポートを行ったり、あるいは買い忘れ商品の提案をすることで、購入率や購入単価を向上させることを目的としており、引き続き2017年も注目されるキーワードとなるでしょう。

WEB接客には、サイト上でリアルタイムに応答する「チャット型」、サイト訪問者の行動や特徴を解析し、個々のサイト訪問者にあわせた接客を行う「行動分析型」などがありますが、今回は、サイト訪問者に対し、クーポンやバナーを表示させるjavascriptをご紹介します。
Read More

商品ページでユーザーを迷わせない!カートへの固定ボタンをふわっと表示

商品ページでユーザーを迷わせない!カートへの固定ボタンをふわっと表示

長いスマホ商品ページでも購入導線をわかりやすく表示し離脱を防ぐ

画像やテキストで商品が訴求された長い商品ページは商品の情報が充実していてるのですが、いざ買おうと思ったときに「どっから買うたらええねん」となってしまうことがあります。特にスマートフォンでは画面が小さい分注意。

そうなってしまわないように、今回は商品ページでユーザーにを迷わせないようにカートボタンへの固定ボタンを表示させます。
Read More

レスポンシブにも対応!モーダルウィンドウの効果的な使い方

レスポンシブにも対応!モーダルウィンドウの効果的な使い方

レスポンシブECサイトaishipRの事例としても、採用サイトが増加しているモーダルウィンドウ。

モーダルウィンドウとは、タップ(クリック)操作をすることにより表示されているページに コンテンツを浮かび上がるように画面が立ち上がり、コンテンツ内の「×」印や背景をタップ(クリック)することで画面を閉じます。

モーダルウィンドウはスマートフォンでは操作しにくく不向き、というような声もありますが、レスポンシブにも対応した方法で、使う場所や使い方を間違えなければ、十分に使える表示方法だと思います。
Read More

【jQuery】レンスポンシブな固定フッターメニューの作成方法

【jQuery】レンスポンシブな固定フッターメニューの作成方法

固定フッターメニューを作成する

弊社がある滋賀県ですが、今月雪が降る日が多く冷え込んでいます。

お陰様でしもやけに悩まされておりまして、仕事に集中できません。。。
辛いです。。。

はい!ということで皆様いかかがお過ごしでしょうか。サポート部の本田です。

去年の年末くらいから、サイトでよく見られるハンバーガーメニューを使うことをやめたら
PVが増えたとか、再訪問が増えたとか色んなメリットがあるという記事が話題になっていました。

Read More

スマホ用サイトから電話発信できるようにする方法

スマホ用サイトから電話発信できるようにする方法

スマホ用サイトから電話発信できるようにする方法

昨今ECサイトのスマホ対応化が急速にすすむ中、閲覧ついでに気になった商品について、あるいは配送や決済方法について電話問い合わせをしたいというお客様がいらっしゃいます。今回はそういったニーズに備えて、タップで即時に電話ができる「電話発信用リンク」を設置する方法をご紹介します。
Read More

CSSのbofore?after?〜疑似要素を使ってテキストを装飾する

CSSのbofore?after?〜疑似要素を使ってテキストを装飾する

こんにちは。開発部 山田です。

関東では雪が降るなど、冬も本格的に到来を感じております。

ECサイトでは読み込み速度がお店の売上に直結することもあり、Webサイトのパフォーマンスチューニングの改善は日々取り組まなければなりません。そんな中で、やはり画像の読み込みは何かとネックになってくるなと感じて止まない今日このごろです。。

今日はそんなモヤモヤを解消する手がかりというか小休止になればと思い、今更ながらCSSの疑似要素を取り挙げてみます!!

Read More

テキスト入力・メニュー選択どちらもできるdatalist要素を使ったフォームの作り方

テキスト入力・メニュー選択どちらもできるdatalist要素を使ったフォームの作り方

datalist要素を使ったフォームの作り方

今回はHTML5に新しく加わったdatalist要素を使ったフォームの作り方を紹介します。datalist要素とはinput要素にサジェスト機能を追加する要素です。

フォームを作成するとなると<input type=”text”>や<select>を使うことが多いですが、datalist要素を使うことで、これら両方の入力形式を一つのフォームで併せて実現することができます。

Read More