サービスのお問い合わせフォーム例１

Contactform7のコード
CSS

Contactform7のコード

◯◯にはサービス名を入れてください。

◯◯に関するお困りごと、ご相談がございましたら、以下のフォームからお気軽にお問い合わせください。

【サポートご対応時間】
平日10時～17時（土・日・祝日を除く）
お問い合わせのご返信は2営業日以内を心がけておりますが、
内容によってはご返答までにお時間をいただくこともございますのでご了承ください。

<label> お名前 <span class="required-label">必須</span>
    [text* your-name autocomplete:name] </label>

<label> フリガナ<span class="required-label">必須</span>
    [text* your-kana] </label>

<label> 連絡先メールアドレス<span class="required-label">必須</span>
    [email* your-email autocomplete:email] </label>

<label> 件名<span class="required-label">必須</span>
    [text* your-subject] </label>

<label> お問い合わせ本文<span class="required-label">必須</span>
    [textarea* your-message] </label>

<div class="submit-box">
    [acceptance acceptance-442 class:spam1]  スパムメール防止のため、こちらのボックスにチェックを入れてから送信してください。
    [submit id:form-button "送信"]
</div>

CSS

/* コンタクトフォームの送信ボタン */
input[type='submit'] {
	width: 200px;
}

/* コンタクトフォームの必須ラベル */
.required-label {
	margin-left: 8px;
	padding: 4px;
	border-radius: 4px;
	background: #00189E;
	color: #ffffff;
	font-size: 0.8rem;
}