【Shopify】商品ページの購入ボタンの下にLINEへの誘導ボタンを設置できるブロック

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。

商品ページにLINEへの誘導ボタンを設置できるブロックを作成してみました。設置位置はお好みで変更してください＾＾

ボタンの種類は画像挿入orテキスト挿入のどちらかを選択できます。画像の選択がない場合はテキストボタンになります。

✔️今回のゴール

＝＝＝＝＝＝＝＝＝
画像挿入
＝＝＝＝＝＝＝＝＝

＝＝＝＝＝＝＝＝＝
テキストボタン
＝＝＝＝＝＝＝＝＝

🔶CMSの特徴

ブロック追加でLINEボタンを選択

🟢画像で挿入する場合

・画像
・リンク先
※その他の設定項目はテキストボタンのみ対象になります
※画像が設定されている場合はボタンテキストは反映されません

🟢テキストボタンの場合

・ボタンのテキスト
・リンク先
・ボタンの形
・カラー（背景/ボーダー/テキスト/ホバー）
※画像が選択されていない場合に有効になります