ECサイト スタートアップテンプレート
ECサイト構築のベースとなるテンプレート最新版
画像やテキストを変更するだけで即運用開始
HTML/CSS/JavaScript編集可でカスタマイズ自由
ブランドイメージや世界観など、
訴求したいイメージをそのままサイトに反映可能
スタートアップテンプレートの特徴
モバイルファースト設計
スタートアップテンプレートは、モバイルファーストで設計されており、スマートフォンデバイスで操作時のサイトの回遊性、買いやすさを追求しています。
レスポンシブ対応、デバイス別最適表示
レスポンシブWEBサイトの多くに採用されているハンバーガーメニューや、ECサイトのTOPページに表示したいスライダーが予め設置されているため、CSSやJavaScriptでゼロから構築する必要がありません。
ECサイトを簡単構築
ロゴの差し替え、画像差し替え、商品登録、カテゴリ登録、販売者情報の変更、決済設定、送料設定、デザインテイストを調整等。これらを管理画面から編集するだけで、簡単にECサイトを構築し、オープンすることができます。
Apple/Androidガイドラインに準拠した
モバイルフレンドリーなUI
スマートフォンやタブレットなどのタッチスクリーンでは、リンクやボタンが小さいと、誤って押してしまったりタップ操作が難しくなります。
スマートフォンやタブレットなどでのタッチ操作を前提に、テキストリンクを極力排除した、iOSやAndroidのユーザーインターフェイスにも準拠。TOPページから商品ページ、カートを含めてすべてのページで操作しやすいインターフェイス実現しています。
ユーザビリティを高める
スライダー、ハンバーガーメニュー等が
実装済み
レスポンシブなスライダー
JavascriptやCSSを調整済みのレスポンシブ対応のスライダーです。
画像を使用したい画像に差し替えるだけでECサイトに合ったスライダーが完成します。
HTML/CSS/Javascriptを書く必要はありません。
stickyヘッダーメニュー
スクロールした際についてくるヘッダーメニューを実装。
ページのどの位置にいても、ヘッダーメニューを表示させ
ハンバーガーメニューとカートボタンがタップできるのでページの離脱も少なくなります。
画像とテキストを差し替えるだけで、ECサイトに合ったヘッダーメニューになります。
ハンバーガーメニュー
カテゴリページに到達しやすいハンバーガーメニューも実装。 テキストを書き換えるだけで、ECサイトに合わしたメニューが作れます。 ログインフォームからすぐに会員ログインしやすい作りにもなっています。
お試し期間として、無料でaishipRをご利用いただけます。もちろんお試し期間中でもテンプレートはご利用可能で、作成したサイトは正規アカウントに引継ぎ可能です。
ECサイト構築事例
スタートアップテンプレートを利用したECサイト構築事例をご紹介いたします。
スピード重視でシンプルなECサイトから、ブランドイメージを反映させたこだわりのデザインECサイトまで、様々なECサイト構築に対応しています。
株式会社 ロマンライフ様
https://www.malebranche-shop.jp
https://www.malebranche-shop.jp
大関株式会社 様
https://shop.ozeki.co.jp/
https://shop.ozeki.co.jp/
株式会社ザグザグ様
https://www.e-zagzag.com/
https://www.e-zagzag.com/
有限会社おきな堂様
https://www.okinadou.com/
https://www.okinadou.com/
三日月オンラインショップ 様
http://www.mikadukiya.com/
http://www.mikadukiya.com/
ホームコマース有限会社様
http://www.kitchenparadise.com/
http://www.kitchenparadise.com/
その他、導入事例ページにて公開中の多くのレンタルECサイトにてスタートアップテンプレートをご利用頂いております。
編集のポイント
aishipRを利用したECサイトの構築は、「機能パーツ」でコンテンツを作成し、「機能パーツ」を組み立ててレイアウトや各種ページに反映していきます。
スタートアップテンプレートには、ECサイトを構成する「機能パーツ」が予め設置されております。この状態から自社ECサイトを構築していくには、これらを編集していく必要があるため、編集箇所を見つけるポイントをご紹介します。
■管理画面内で編集したい「機能パーツ」を見つける方法
サイト管理 > ページ作成
にてフリーページ一覧から各ページの編集画面に進みます。
編集したいコンテンツがメインエリアの場合
該当ページの編集画面内
[パーツ設置]
にて、機能パーツの配置を確認し、該当する機能パーツの編集画面に遷移して編集します。
ヘッダー/アサイド/フッターエリアの場合
該当ページの編集画面内
[基本設定]
でレイアウト名を確認します。サイト管理 > レイアウト作成
にて該当するレイアウトの編集画面に遷移し[パーツ設置]
にて、機能パーツの配置を確認し、該当する機能パーツの編集画面に遷移して編集します。■具体的な編集方法
ロゴを変えたい
PC/タブレット表示の場合
サイト管理 > 機能パーツ作成
機能パーツID「header_h1」のコンテンツ内を編集
スマートフォン表示の場合
（※画像は
サイト管理 > 機能パーツ作成
機能パーツID「header_sp」のコンテンツ内を編集（※画像は
サイト管理 > 画像管理
にてアップロード）ロゴを差し替えたい
PC/タブレット表示の場合
サイト管理 > 機能パーツ作成
機能パーツID「header_h1」のコンテンツ内を編集
スマートフォン表示の場合
（※画像は
サイト管理 > 機能パーツ作成
機能パーツID「header_sp」のコンテンツ内を編集（※画像は
サイト管理 > 画像管理
にてアップロード）メニューを変更したい
PC/タブレット表示の場合
サイト管理 > 機能パーツ作成
機能パーツID「h_navi」のコンテンツ内を編集
スマートフォン表示の場合
サイト管理 > 機能パーツ作成
機能パーツID「sp_nav」のコンテンツ内を編集TOPページのスライダーを編集したい
スライダーの画像を差し替えたい
（※画像は
サイト管理 > 機能パーツ作成
機能パーツID「top_slider」のコンテンツを編集します。（※画像は
サイト管理 > 画像管理
にてアップロード）
スライダーのCSSやJavaScritを編集したい場合
サイト管理 > ユーザーCSS編集やユーザーJS編集
内の「top_slider」「top_slider」の箇所を編集します。背景色を変えたい
サイト管理 > ユーザーCSS編集
bodyタグのbackground-colorを変更するとサイト全体の背景色が変わります。
ご利用料金
| 初期費用 | 無料 |
|---|---|
| 月額費用 | 無料 （aishipRの基本料金に含まれております） |
