2020/04/13

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

世界No.1の“本物のオールインワンツール”をゾノ先生と同じように使えるビデオコース「はじめてのコンテンツ作成コース（49,700円相当）」が大人気です。30日間無料の特別招待ページをご用意しているので、下のバナーをタップして詳細をご覧ください！
こちらから確認することができます↓

こんにちは、ゾノです。

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

制作環境として、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>

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

最後までお読みいただき、ありがとうございます。「オールインワンWeb集客サイト完全レポート」というレポートが大人気です。ぜひご覧になってくださると嬉しいです。
こちらから受け取ることができます↓

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

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

無料コンテンツ

有料コンテンツ

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

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

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

無料から学べる「01BLOG COLLEGE」に参加はお済みですか？メディア運営の基礎から応用を、順序立てて学べるオンライン学習サイトです。この機会にぜひどうぞ💁‍♂️

私は、こんな人です

ゾノ@オンラインティーチャー
オンラインティーチャー養成講師（Kajabi特化型）・メディア運営の基礎・ヒット商品企画。『２〜３歩先を行く実験屋』をコンセプトにオンライン社会を前進。手軽にスマホからも学べる『01BLOG COLLEGE』を運営し生徒は累計約510名。「オンラインで先生開業を目指すための講座」を無料配信中！

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

無料配信【先生2.0】完全在宅＆好きなことで稼ぎ毎日感謝される働き方【無料】

人気記事【Zoom】会議などの案内メールのテンプレート【セミナー時にも使える】

ツール情報｜デザイン｜集客