フロートカートボタン.amp :導入手順


設定完了後の個別商品画面イメージ

設定が完了すると、個別の商品画面の、上下いずれか(設定した個所)にその商品をカートに入れるボタンが表示されるようになります。

商品画面を一番下までスクロールすると、表示されます
フロートカートでカートに入れると、上記ダイアログが表示されます

フロートカートの設定

1-1. 「フロートカートボタン.amp」設定画面へ

Shopify管理画面から、 アプリ管理 > フロートカートボタン.amp をクリックし、 「フロートカートボタン.amp」アプリの管理画面 を表示します。


設定画面


1-2. フロートカートボタンの設置場所を決定する

表示位置の「画面上」もしくは「画面下」に表示できます。
表示させたい方のいずれかを選択します。

「画面上」を選択した場合

「画面下」を選択した場合

1-3.フロートカート内に商品画像と商品名の表示設定(PCのみ)

Shopify管理画面から商品管理 > すべての商品 で登録したそれぞれの商品の商品画像および商品名(と価格)を、フロートカートに表示するかどうかを選択できます。

「イメージ画像」をONにするとフロートカート左端に商品画像が表示されます
「商品名」をONにすると商品名および価格が表示されます

1-4.ボタンのカスタマイズ

ボタンの文字列表記、ボタンの色、ボタンの角丸設定が可能です

「カート」の右の枠内に、ボタンに表示する文字列を入力します
ここでは「カートに入れる」と入力されています

左は文字色の設定、右はカートボタンの色の設定です
それぞれ枠内をクリックすると設定できます
ボタンの角丸設定は、ここの数値を増減させて行います

1-5.フロートカートの色と透過度および、表示されている商品名のテキストの色を設定します

「バナー」内の左の枠で文字色、真ん中はバナーの色、右の枠内の数値でバナーの色の透過度を設定します

すべて設定し終えたら、「保存する」をクリックして完了です

設定がうまくいかない場合

解決しなかった場合は こちらのフォーム からお気軽にお問い合わせください。

御社のShopifyサイトへの設置代行(有償サービス)も行っております。
お急ぎの場合はご利用ください。ご希望の際は問い合わせフォームからその旨ご連絡ください。