スモール起業ビルダー・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>

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

最後までお読みいただき、ありがとうございます。下記のおしらせコーナーも、是非チェックしてくださると喜びます🙇‍
当ブログで無料配布している「ブログの書き方テンプレート」は受け取っておりますか?無料で資料請求できますので、この機会にぜひどうぞ💁‍♂️

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

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

おすすめコンテンツ

無料コンテンツ

有料コンテンツ

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

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

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

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

僕は、こんな人です

ゾノ@スモール起業ビルダー
当ブログの筆者。日本一わかりやすいブログ教師/高校教師の職を捨て起業失敗→在宅リモートワークで月収7桁達成→V字回復。10代から不登校や非行で根っからの引きこもり人間。現在はオンライン講座『外出せずに学べるパソコン教室』を運営し生徒は累計230名。個人がマイペースに生きるコツを発信しています。朝大好きです→ #01blog朝活の会
» プロフィール詳細はこちら

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


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

人気記事【発表】オンライン学習サイト完備のコミュニティ【01blog College】