WEB・アプリ・ガジェット WEB(ホームページ)制作

【BASE】外部サイト設置機能で商品紹介ページをつくる方法

2018年11月6日

【BASE】外部サイト設置機能で商品紹介ページをつくる方法 11

少しずつですがbaseの機能を当園のサイトに組み込み、購入がしやすい作りに変えています。^_^

BASEの機能

baseには商品のリンクを作成できる外部リンク機能があります。

その機能を使い、当園のサイトの商品ページにリンクを作成して、
当園のサイト→baseのネットショップへ流れる仕組みにしています。

baseのネットショップは基本料無料でカート機能があり在庫の調整ができるため、かなり助かっています。

もちろん決済手数料などは取られてしまいますが、
ネットショップを運営するサーバー代やシステムメンテナンス費などを考えると安いくらいです。

【BASE】外部サイト設置機能で商品紹介ページをつくる方法 19

①商品を登録したら外部サイトに貼るを選択します。

【BASE】外部サイト設置機能で商品紹介ページをつくる方法 20

②その後、iframeのコードが表示されるので、そのコードを自分のサイトに貼りつけます。

【BASE】外部サイト設置機能で商品紹介ページをつくる方法 21

③あとはhtmlやcssをいじって見やすいように調整します。

※画像は幸水に切り替わっています。

幸水梨の販売
↑が当園のサイトに組み込んだ状態になります。
※在庫ゼロなので購入はできません。

バラードを販売
↑こちらはバラードですが、baseの管理画面でバラードを非公開にしているので、商品自体ありませんと表示されます。

【BASE】外部サイト設置機能で商品紹介ページをつくる方法 22

幸水のように在庫ゼロ表示でもいいのですが、商品の入荷についてお問い合わせを頂く時があるため、あえて非公開にしています。

このように自分のサイトとbaseを組み合わせることで、購入に繋がる仕組みを構築できます。

baseは本当に便利なのでおススメです!


base 12

base 13

【BASE】外部サイト設置機能で商品紹介ページをつくる方法 23

本を読んでからサイトを作ろう!!と最初は思うかも知れませんが。。
まずは作ってから、「その時のサイト作成に必要な知識を得るために本を読む」の方がサイト作成が捗るかと思います。

分厚い本を読んでも良く分からないですし、読んでも知った気持ちになるだけで、
実際の形になっていないので結局進んでない。。。
なんて事になります。
(最初そうでした^^)

最初から完璧なものなんて作れないので、時間をかけて少しずつ改良していくしかないと思います。
※または完全外注するとか。

やれる事が増えれば楽しくなってきますし、それにネットからの注文が増えるとさらに楽しい(笑)ので、先ずは作ってみる事をオススメします。

可能ならパソコンはメモリが16GB以上で、GPU付きのものを選びましょう。

フォトショップなどを使う時はGPU付きが必須ですので。

↑のゲーミングPCならGPUも付いているので、良いかと思います。
初期投資するならばパソコンに限っては良いものを購入しましょう。

ケチってメモリが少ないのを選んだりすると後悔します。
(やってしまったことがあります。。)


base 14

base 15

【BASE】外部サイト設置機能で商品紹介ページをつくる方法 24

  • この記事を書いた人

青木果樹園

梨やブドウ、フィンガーライムなどの果樹栽培に関する記事や農業資材のレビューを書いています。フォローして頂けると記事を書く励みになります。

-WEB・アプリ・ガジェット, WEB(ホームページ)制作
-

Copyright© 藤稔発祥の青木果樹園【果樹の育て方・農機具レビューブログ】 , 2019 All Rights Reserved.