ECサイト無料テンプレート | クラウド型ECサイト構築ASP aishipR

【年末年始休業につきまして】
2023年12月28日(木)~2024年1月3日(水)の間休業とさせていただきます。
期間中のお問い合わせにつきましては、2024年1月4日(木)以降順次対応させていただきます。

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
株式会社 ロマンライフ様 QRコード
株式会社 ロマンライフ様 スクリーンショット

大関株式会社 様
https://shop.ozeki.co.jp/
大関株式会社様 QRコード
大関株式会社様 スクリーンショット

株式会社ザグザグ様
https://www.e-zagzag.com/
株式会社ザグザグ様 QRコード
株式会社ザグザグ様 スクリーンショット
有限会社おきな堂様
https://www.okinadou.com/
有限会社おきな堂様 QRコード
有限会社おきな堂様 スクリーンショット
三日月オンラインショップ 様
http://www.mikadukiya.com/
三日月オンラインショップ様 QRコード
三日月オンラインショップ様 スクリーンショット
ホームコマース有限会社様
http://www.kitchenparadise.com/
ホームコマース有限会社様 QRコード
ホームコマース有限会社様 スクリーンショット
その他、導入事例ページにて公開中の多くのレンタル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の基本料金に含まれております)
機能のご確認はお気軽にお問合せ、もしくは2週間無料お試し利用で。
aishipRの無料体験、お問合わせはお気軽に。説明会・資料請求も受付中。
0120-173-163
0120-173-163
無料体験
  • 無料体験
  • 問合せ
  • 説明会
  • 資料請求
  • 問合せ
  • 説明会
  • 資料請求
+
-
  • 利用申込
  • 資料請求
  • 説明会
  • 問合せ