InstagramをBASEに埋め込めるテンプレート【April】
InstagramのタイムラインをBASEに埋め込むことができるので、インスタの更新とともにBASEで作ったショップのトップページも更新できます。
こだわりの商品を美しく見せるためにレイアウトや動きにこだわりつつ、しっかり商品をアピールできるテンプレートです。
２パターンの選べるメインビジュアル
写真が流れるおしゃれなメインビジュアルと、定番のスライドの２パターンから選べます。１つのテンプレートで切り替えられるので、キャンペーン中だけはスライダーに・・・などの使い分けも可能です。
https://noema.base.shop/
使い方
文字スタイル
ゴシック/明朝体/丸ゴシックから選択
デフォルト：ゴシック
トップページ
メインビジュアル（ON:自動横スクロール OFF:スライダー）
メインビジュアルの切り替えをします。
自動横スクロール
スライダー
メインビジュアル テキスト
背景に色を敷きたい場合はテキストを<span></span>で囲ってください。
複数行の場合は行ごとに囲ってください。
商品エリア
商品を最大５件まで表示できます
※プレビューモードで確認できないため、本番環境で確認してください🙇
●商品1（URL）〜商品5（URL）
表示したい商品のURLを入力してください。自動で画像・商品名が表示されます。
（自分のショップ以外の商品は表示できません）
●ナンバリング
「PRエリア(ナンバリング：ONにすると数字が振られランキングとしてご利用いただけます)」をONにすることで、左上にすうじがつきますので、ランキング等にご利用ください。
リンクエリア
最大「上３列下３列（PC版）」の画像＋リンクを表示できます。
上の列を表示するためには「リンクエリア1：URL」、下の列を表示するためには「リンクエリア4：URL」を入力してください。
登録する個数を調整し様々なレイアウトで表示できます。
●レイアウト例（PC版）
Instagram（インスタ）タイムラインの表示
Instagramのタイムラインを表示します。
●Instagramタイムライン（表示） → ON
●nstagram（ビジネスアカウントID）（トークン）を入力
取得方法はこちらをご覧ください
表示数：PC 最新８件 モバイル6件
固定バナー
位置は右下に表示されます。
表示サイズ（自動でリサイズされます） PC：200px モバイル：120px
デモサイトではあらかじめ背景を透過した円形の画像を設定しています。