ContactForm7 でのチェックボックスのカスタマイズについて

ContactForm7を使用していますが、カスタマイズの関係でデフォルトのショートコードで生成されるCheckboxではなく、
普通にHTMLでコーディングしたCheckboxを使用したいと考えています。

普通にショートコードで表示すると

lang
1<span class="wpcf7-form-control-wrap checkbox-52">
2	<span class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required">
3		<span class="wpcf7-list-item first">
4			<label>
5				<input type="checkbox" name="checkbox-52[]" value="テスト">&nbsp;
6				<span class="wpcf7-list-item-label">テスト</span>
7			</label>
8		</span>
9		<span class="wpcf7-list-item">
10			<label>
11				<input type="checkbox" name="checkbox-52[]" value="テスト">&nbsp;
12				<span class="wpcf7-list-item-label">テスト</span>
13			</label>
14		</span>
15	</span>
16</span>

上記のように表示されます。

上記と同じ内容をショートコードではなく、コピペで貼り付けるとバリデーションが機能しません。
これはショートコードでの表示が前提とされているため、何か処理が走っているのでしょうか？

現在下記のように書いていますが、必須項目にも関わらずバリデーションが働きません。
やはりショートコードでないと機能しないのでしょうか？

lang
1
2<span class="wpcf7-form-control-wrap checkbox-52">
3	<span class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required">
4		<div>
5			<label>
6				<span class="wpcf7-list-item">
7				<p>
8					<input type="checkbox" id="checkbox" name="checkbox-52[]" value="test"><span class="wpcf7-list-item-label">テキスト</span>
9				</p>
10				<p>テキストテキスト</p>
11				<img src="/example.png" alt="テキスト">
12				</span>
13			</label>
14		</div>
15		<div>
16			<label>
17				<span class="wpcf7-list-item">
18				<p>
19					<input type="checkbox" id="checkbox" name="checkbox-52[]" value="test"><span class="wpcf7-list-item-label">テキスト</span>
20				</p>
21				<p>テキストテキスト</p>
22				<img src="/example.png" alt="テキスト">
23				</span>
24			</label>
25		</div>
26	</span>
27</span>