パーマリンクをカスタム設定にするとContact Form7が動かない

Question

###前提・実現したいこと
Contact Form 7を使用し、サイトにメールフォームを設置したい。
メールフォームは複数設置し、各ページのURLは下記のように設定する。

http://●●.com/contact/
http://●●.com/contact/estimate.html

###発生している問題・エラーメッセージ
Contact Form7をインストールし、テストで自動返信メールが届くところまでは設定できたのですが、
Custom PermalinksやPermalinks Customizerなどのプラグインを使用してパーマリンクを変更すると
送信ボタンの隣に矢印が表示され回転し続けたままになります。自動返信メールも届きません。
また、Wordpressのパーマリンク設定を「http://●●.com/%postname%/」に変更した場合も同じです。

Wordpressの再インストールをしたばかりのため、
テーマは元々入っていたtwentysixteenを変更せずそのまま使用しています。

WordpressもPHPも初心者のため、書き方に不明な点があれば申し訳ありません。
分かる方、ご教授頂けると大変助かります。よろしくお願い致します。

###追記
関係あるかどうか分かりませんが、.htaccessの内容を載せておきます。

ErrorDocument 401 /401.html
ErrorDocument 403 /403.html
ErrorDocument 404 /404.html
ErrorDocument 500 /500.html
Options -Indexes
<IfModule mod_fcgid.c>
	<Files ~ (\.html)>
		SetHandler fcgid-script
		FCGIWrapper /var/www/cgi-bin/cgi_wrapper/cgi_wrapper .html
		Options +ExecCGI
		allow from all
	</Files>
</IfModule>
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Comments

[callmehappening]

パーマリンク設定デフォルトの場合、パーマリンクカスタム系プラグインを無効化した場合はそれぞれ動作しますか？
あと「http://●●.com/contact/」のURLでもフォームを表示させるのですか？

[y.ueno]

質問に反応頂きありがとうございます。
内容が分かりづらく、申し訳ありません。

> パーマリンク設定デフォルトの場合、パーマリンクカスタム系プラグインを無効化した場合
どちらも正常に動作します。

> あと「http://●●.com/contact/」のURLでもフォームを表示させるのですか？
「http://●●.com/contact/」と「http://●●.com/contact/estimate.html」に
別々のフォームを設置したいと考えています。

Answer 1

実際に見てみないとわかりませんが、過去の例を確認すると
プラグインのコンフリクトにより正常なPOSTが完了しない時の挙動のようです。
以前似たような事例で、すでにFixされたことがあるようなのですが、最新版(4.4.2)をお使いかご確認ください。
パーマリンクカスタム系プラグインを全て無効化しましょう。
デフォルトパーマリンクでは正常に動作するとのことですので、SSLで運用されている場合は以下の記事が参考になるかもしれません。
https://pc.shigizemi.com/2015/09/26/not-work-cf7/

必要性に疑問は残りますが、
http://●●.com/contact/
http://●●.com/contact/estimate.html
それぞれにContact Form 7のお問い合わせを表示させるためには
'contact'をスラッグにしたカテゴリを作成してテーマディレクトリに'category-contact.php'というテンプレートファイルを作成して、
echo do_shortcode('[contact-form-7 id="◯◯◯" title="◯◯◯"]');
でコンタクトフォームを表示、このカテゴリに属した投稿を'estimate'で作成してショートコードタグのみ入力し、設定->パーマリンク設定からカスタム構造にてhttp://●●.com/%category%/%postname%/.htmlに変更すると実現可能かもしれません。