スモール起業ビルダー・ZONOのブログ

【資料請求フォームの作り方】ソースコードをそのまま公開【コピペ】

ATTRACT CUSTOMERS DESIGN

こんにちは、ゾノです。

本記事では、僕が使用する資料請求フォームのソースコードをそのまま公開します。

制作環境として、WordPressテーマ「Colorful」を使っています。外注に依頼をしなくても、簡単に資料請求フォームを作れるので、ぜひ参考にしてみてください。

キャッチコピーが、「最短3分パズル感覚でつくれるWordPressテーマ型のLP(ランディングページ)テンプレート」のとおりで、真剣に使いやすいので、心からおすすめです。

Colorful(カラフル)のご購入はこちら

【資料請求フォームの作り方】ソースコードをそのまま公開【コピペ】

【資料請求フォームの作り方】ソースコードをそのまま公開【コピペ】
こんな感じのイメージです。
» ブログ書き方テンプレート資料請求ページ

ページをアップデートしたら、本記事でソースコードもアプデしていきますので、また見に来てください🙇‍

下記が、ソースコードです

<table class="headParts001" style="background-image: url('https://01blog.org/wp-content/uploads/2019/11/prof_head_01.jpg');">
<tbody>
<tr>
<td>
<div class="headParts001_container">
<div class="headParts001_content">
<div class="headParts001_content_inner">
<div class="headParts001_subTitle_wrap">
<p class="headParts001_subTitle">ブログ記事の基本を学べる</p>

</div>
<p class="headParts001_mainTitle">PDF<span style="font-size: 36px;">&</span>60分<span style="font-size: 36px;">の</span>動画講義</p>
<p class="headParts001_txt">「ブログの書き方がわからない…」という悩みを解消するテンプレートを無料でお配りしております。あなたもこれを使えば、ブログをサクサク書けるヒントを手に入れられます。</p>

</div>
</div>
</div></td>
</tr>
</tbody>
</table>
<table class="fullwidth_std_white" style="background-color: #ffffff; background-position: center;">
<tbody>
<tr>
<td>&nbsp;
<table class="formbox box1 form2 form-a4 formonly" frame="box" rules="all" align="center">
<tbody>
<tr>
<td><form action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSc1vUzTmBJrAfOU1KzLrEAybFXuJ3Nz3EzUOPxkuqr0Zl_hFg/formResponse" method="post" target="_blank"><input name="mid" type="hidden" value="example" /> <input name="fid" type="hidden" value="example" /> <input name="charcode" type="hidden" value="auto" />
<div class="iptgroup"><input name="entry.245396153" type="text" value="" placeholder="例)中薗 謙史" /> <input name="entry.1965477505" type="text" value="" placeholder="例)◯◯◯@◯◯◯.com" /></div>
<div class="btn-n btn-s btn-a4"><button name="submit" type="submit">資料請求</button></div>
※ご登録のメールアドレスに、必要に応じてご案内メールを配信させていただく場合がございます。ご不要の場合は、いつでもDMを停止することができますので、どうぞご安心ください。

</form></td>
</tr>
</tbody>
</table>
&nbsp;

&nbsp;

&nbsp;
<div class="full-width">
<table style="background-color: #ffffff; background-position: 50% 0; border-width: 0px; border-style: solid;" border="0">
<tbody>
<tr>
<td>
<p style="text-align: center;"><span style="font-size: 8pt; color: #333333;"><a style="color: #333333;" href="https://01blog.org/tokusyo/" target="_blank" rel="noopener noreferrer">特定商取引法に関する表示</a> | <a style="color: #333333;" href="https://01blog.org/privacy-policy/" target="_blank" rel="noopener noreferrer">プライバシーポリシー</a></span></p>
<p style="text-align: center;"><span style="color: #333333;"><span style="font-size: 8pt;">Copyright - Norifumi Nakazono, 2020 All Rights Reserved.</span></span></p>
</td>
</tr>
</tbody>
</table>
&nbsp;

</div></td>
</tr>
</tbody>
</table>

どうぞ、上記を参考にカスタマイズしてみてください(`・ω・´)ゞ

稼げる「無料ブログ勉強会」

朝5時〜 or 夜9時〜の時間帯で「ブログ運営の基礎」が無料で学べます。「Zoom」を利用して開催しますので、ご自宅からご参加可能です😌

参加者限定の特典があります

参加特典は「60分の個別相談」&「980円で販売しているブログ企画室に無料ご招待」なので、お得感満載で結構学べると思います。

嬉しいお声をいただいております

5時起床。今日は朝からオンラインでホームページ作りの勉強会でした。サイト構築にHTMLやCSSの基礎理解は必須。仕組みに慣れればそんなに難しくないです。固定費はサーバー代とドメイン代ぐらいでそんなにお金もかかりません。無料で有益でここまで高品質な勉強会って中々ないんじゃないかな🙇‍
朝5時。しかも人多い。ゾノさんはZoomの扱いがすごいスマート。全てに無駄がない。WordPressのcssの変更の仕方が参考になりました。
  • 7月17日㈮ 5:00〜7:00【残り1名】
  • 7月17日㈮ 21:00〜23:00【残り2名】
  • 7月18日㈯ 5:00〜7:00【残り2名】
  • 7月18日㈯ 21:00〜23:00【残り1名】
» 今すぐ「無料ブログ勉強会」に予約する

お知らせ:厳選した下記のコンテンツがおすすめです

個人から、中小企業様向けに対応しており、Webメディア構築 or リモートワーク(テレビ会議システム)の導入をご検討の方は、ぜひどうぞ🙇‍

おすすめコンテンツ

無料コンテンツ

有料コンテンツ

当ブログと他のサイトの圧倒的な違いは、様々な疑問や悩みを解決するために【無料体験レッスン】30分の無料相談会&体験レッスン(オンライン開催)に初回限定で参加できることです。

どうしても分からなかったり、1人で悩むことがあればご相談ください。

その他、ご相談&ご質問がございましたら、お気軽にどうぞ。
» お問い合わせ

チップをいただけると、心から喜びます


僕は、こんな人です

ゾノ
当ブログの筆者。4年間勤めた高校教師を退職後にITベンチャーに転職し、2016年に独立。「外出せずに学べるパソコン教室」を運営し、ブログ初心者のサポートに取り組んでいる。生徒数は累計160名。ブログ初心者から抜け出す方法や、不登校などの教育問題について発信している。
» プロフィール詳細はこちら

人気記事【ブログ書くことない】ブログ書き方テンプレートで解決【ひな形】

人気記事【持ち物公開】場所を問わないノマドワーカーのバックパックLIFE