Category Archives

229 Articles
スマホECでの離脱防止ツールの決定版!Veを使ってみた

スマホECでの離脱防止ツールの決定版!Veを使ってみた

ECサイトの課題として常に挙げられている、サイト離脱。特に「カートに商品を入れてからの離脱」は、ユーザに購入意思があったにも関わらず、何らかの理由で離脱してしまう、とてももったいない状態です。スマホECでは特に入力の面倒くささから途中で購入を止めてしまったり、通信が途中で途切れてしまい、そのままサイトを閉じてしまう等原因が考えられます。

そこで今回はカートに商品を入れた状態で、何らかの理由でサイトを離脱したユーザにリマインドのメールを送信することが出来る便利なツールをご紹介します。

Read More

HTML5で動画を再生する方法

HTML5で動画を再生する方法

MP4形式の動画をHTMLに埋め込んで再生しよう

サポート部の市川です。
先月の記事ではYoutube動画の埋め込み方法をご紹介しましたが、
今回はスマートフォンで投影したり、動画編集ソフトを使って作成したmp4動画をページに埋め込んで再生するための方法を紹介します。

実際の商品の動きや音などを確かめる際に、動画は大変有効です。
ECサイトなどでは購入につながる可能性も高くなるので、覚えておくと大変便利です。
Read More

モーダルウィンドウを活用して簡単に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