HTML・CSSを編集できる方向けの、問い合わせボタン素材集です。メール・既存フォームへのリンク・電話・2択・説明付きカードの5パターンを収録しています。 【内容】ZIP形式／contact-kit.css、snippets.html、index.html、demo.js、はじめに.txt の5ファイル。外部ライブラリ・外部フォントは不要です。日本語の導入ガイド付き。 【導入方法】ガイドを読み、メールアドレス・電話番号・既存フォームURLなどの仮の宛先をご自身の実際の宛先へ変更して、サイトへ組み込んでください。 【購入後の進め方】 ① ZIPを展開し、「はじめに.txt」を読んでからindex.htmlで見本を確認します。デモは送信しません。 ② 設置先のバックアップを取り、contact-kit.cssを読み込み、snippets.htmlから必要なパターンをコピーします。 ③ 仮のメールアドレス・フォームURL・電話番号、説明文・営業時間を実際の内容へ変更し、PC・スマートフォン・キーボードTabでリンク先を確認してください。 【説明付きカードを複数置く場合】 同じページ内で見出しのidを重複させず、各カードのaria-labelledbyと対応させます。例：上側は両方をlq-contact-title-top、下側は両方をlq-contact-title-bottomに変更します。リンク先の変更とは別の設定です。 【含まないもの】フォーム本体・送信処理・予約・決済・WordPressへの自動導入・設置代行は含みません。デモのボタンは説明を表示するだけで、実際の送信や電話は行いません。 【確認環境】Windows版ChromeのPC表示・幅390pxのスマートフォン相当表示、6個のデモ操作を確認済み。他のブラウザ・実機スマートフォンは未検証です。 【利用範囲】購入者ご本人または1事業者のサイト、受託制作した完成サイトへの組み込み・改変に利用できます。素材単体の再配布・再販売はできません。 不具合のご連絡はBOOTHの注文に紐づくメッセージでお願いします。パスワードや個人情報は送らないでください。無期限の更新や導入代行を約束する商品ではありません。 個人LOQVIA制作／v1.0／商品ID LQ-WEB-011