本文へ移動
FreelanceForm 購入者向け設置ガイド

FreelanceForm 購入者向けフォーム設置ガイド

4つのSTEPで、フォームを設置。

購入したフォーム一式を使って、準備から公開まで。HTML・CSSを学んでいる方も、PHPが初めての方も、この順番で進められます。

このページの目次

GOAL & 4 STEPS

ゴールは、サイトからお問い合わせが届くこと。

※ FreelanceForm購入者向けのお問い合わせフォーム設置ガイドです。

フォームを表示して、メールを確認し、自分のサイトへ。各STEPの「完了の目印」を確認しながら進めましょう。

こんな方も、ガイドに沿って設置できます。

HTML・CSSを学んでいて、ページを編集できる方

約1時間見本を使って、基本の設置まで

PHPを一度も触ったことがない方

約3時間環境の準備から、説明を読みながら

時間は作業計画の目安です。サーバー・メールアカウントの準備状況によって前後します。新規契約の待ち時間や、大幅なデザイン変更は含みません。

  1. STEP 01動かす準備をするXAMPP・MAMPで、PHPが動く環境を用意。完了の目印localhostの画面が開けたらOK
  2. STEP 02フォームを表示するファイルを置いて、見本のフォームを開く。完了の目印入力・確認・修正ができたらOK
  3. STEP 03メールを届ける送信先を設定して、自分のアドレスでテスト。完了の目印通知と自動返信が届いたらOK
  4. STEP 04自分のサイトに設置するサイトの見た目に合わせ、公開サーバーへ。完了の目印公開URLからメールが届けば完了!
STEP 1から設置を始める

はじめての方へ

PHPが初めてでも大丈夫。まずは役割と、進める順番から。

パソコンで動かす準備

自分のパソコンに、PHPを動かす場所を用意します。

まずはフォームを表示する

設定を変える前に、見本をそのまま動かしてみましょう。

メールを送れるようにする

送信元と受信先を決め、自分のアドレスで試します。

自分のサイトに組み込む

いつものHTML・CSSを活かして、自分のページに。

見た目・入力項目を変える

サイトや用途に合わせて、少しずつ整えます。

公開して納品する

公開サーバーでも動作を確認して、担当者へ引き継ぎます。

困ったとき・公開後の管理

症状から探して、ひとつずつ確認しましょう。

アドバンス

設置後の運用を、もっと便利に。受信の整理やAIの活用を紹介します。

コード解説

FreelanceFormの命名ルールや設定の場所を知って、カスタマイズしやすくする。