シリウスブログにお問い合わせフォームを設置する方法

orengeform

ブログへお問い合わせフォームは設置してありますか?

 

シリウスには簡単にコメントが残せる機能がないので、問い合わせフォームは設置は必須なんです。

 

そこで今回は、メールフォームの設置についてご説明いたします。
よろしくお願いします。

 

 

おすすめのメールフォーム

 

まずメールフォームですが、私がおススメするのが、「オレンジフォーム」です。

 

≪オレンジフォームの特徴≫

  • 無料(6ヶ月間)で使え商用利用可能です。
  • 1つのアカウントで複数のフォームを作成できます。その数無制限!
  • 操作が簡単!3STEPでメールフォームが完成します。
  • メールフォームで得たメールアドレスは、メルマガ配信システム「オレンジメール」と連携が可能です。
  • 申し込みから60日間は、無制限の無償メールサポートが付いています。

 

オレンジフォームをおススメする理由

 

その1 操作が簡単

 

form1

 

上の画像は私が実際に作成したメールフォームですが、なんとこれが5分でできてしまいます。
色も10色よりお好みで選べます。

 

 

その2 1つのアカウントで複数のフォームを作成できる

 

お問い合わせフォームだけ作るのであれば、オレンジフォールじゃなくてもいいんです。

 

アフィリエイトをしていると、

  • メルマガの登録フォーム
  • 無料レポートの請求フォーム
  • 特典の請求フォーム
  • 商材の感想を記入してもらうフォーム 等

いろいろなフォームを数多く作ることになってきます。

 

1アカウント5フォームまで

 

などの制限がついてしまうと、アカウントごとに管理画面が変わるわけですから管理が難しくなりますし、違う管理画面へのログインするのに手間がかかります。
その点オレンジフォームでは、1つのアカウントですべてのフォームを作るので管理しやすいです。

 

 

その3 オレンジメールとの連携が可能!

 

オレンジメールは、メールマガジンやステップメールの配信ができます。
オレンジフォームで登録していただいたメールアドレスに、メールマガジンやステップメールを自動で配信することができます。
つまり、自動化する仕組みを構築することができるのです。

 

 

その4 申し込みから60日間は無償のメールサポート付き

 

サポートが必要な時って、申し込んで使い始めた時じゃないですか?

 

初めてのことでしたら不安でいっぱいだと思います。
そんな時にメールサポートがあるのは、とっても心強いですよね。

 

サポートの期間は60日間でしかも無償すから、わからないことを気兼ねなくどんどん聞けます。

 

 

 

オレンジフォームの登録方法

 

こちらをクリックすると、オレンジフォームのサイトへ行きます >> オレンジフォーム

 

form2

 

いますぐ無料で始めるをクリックします。

 

 

form3

 

機能一覧&料金ページの下の方に料金プランがありますので、パーソナル版の「今すぐ利用する」をクリックします。

 

 

form4

 

必要事項を記入して「次へ」をクリックします。

 

 

form5

 

ユーザー登録の申請が終了しました。
オレンジフォームよりメールが来ているか確認してください。

 

 

form6

 

この様なメールが届きました。
この時点で、ユーザー登録は完了していないので、必ず1時間以内にメール中のURLをクリックしてください。

 

 

form7

 

この画面が表示されれば、ユーザー登録完了となります。

 

 

 

メールフォームの作成手順

 

form8

 

ホーム画面より、オレンジフォームをクリックします。

 

 

form9

 

フォーム新規作成をクリックします。

 

 

form10

 

必要事項を入力します。

  • フォーム名(管理用) あなたが管理しやすい名前にしてください
  • フォーム名(公開用) インターネット上に表示される文字
  • フォームカラーの選択 10色の中から選んでください

 

 

form11

 

フォームの内容を選択します。

 

とてもたくさんの項目がありますが、使う項目は限られていると思います。

  • 姓名
  • メールアドレス
  • 性別

他にも必要だと思う項目があれば選択してください。

 

必要な項目がない場合、下の方に「フリー項目1~30」がありますので表示名を変えて項目を作成することができます。
また項目名をドラッグ&ドロップすることで、表示順を並び替えることができます。
必要な項目を上の方に移動させれば、作業効率が上がりますね。

 

form16
画像をクリックすると、大きく表示されます。

 

この様に設定したら、下の図のようになります。

 

form15

 

1行テキスト入力は、メールアドレスの入力時等に使用します。
固定値は非表示のため、あえて設定する必要はないでしょう。

 

 

form12

 

登録者がフォームを送信した後に、登録者宛に送るメールの内容が設定できます。

 

  • 登録完了メール ⇒ 登録者へ完了メールを送信します。管理者(あなた)へも送信する場合は✔を入れてください。
  • 送信者名 ⇒ 管理者(あなた)の氏名
  • 送信者メールアドレス ⇒ 管理者(あなた)のメールアドレス
  • 件名 ⇒ そのままでも構いませんが、変更もできます。
  • 本文 ⇒ そのままでも構いませんが、変更もできます。

 

本文に以下の置き換え文字列を入力すると、とても便利です。

 

メルマガを登録したときすぐ返信がきますが、自分の名前が入っていてびっくりしたことがあります。その種明かしが、%%sei%%だったんですね。

  • %%title%% ⇒ フォーム名が入ります
  • %%formur%% ⇒ フォームURLが入ります
  • %%date%% ⇒ 日付が入ります
  • %%sei%% ⇒ 姓が入ります

 

上記を参考していただき、あなたらしい本文を作成してくださいね。

 

全てを入力したら、次へをクリックします。

 

 

form13

 

どちらかをクリックすると、完成したフォームの確認ができます。

 

 

form14

 

この様になりました。
変更したい箇所があれば、フォーム一覧よりお問い合わせフォームを選択すると、編集ができます。

 

いかがでしたか?簡単ですよね!(^^)!

 

 

シリウスにメールフォームを設置する方法

 

それでは作成したフォームをシリウスに設置してみましょう。

 

方法は2つあります。

  • URLを使用
  • HTMLタグを使用

 

ブログのサイドバーに下図のように設置したい場合は、URLを使用したほうがいいでしょう。

 

sirius_mail

 

 

ブログの記事中にフォームをそのまま表示させる場合は、HTMLタグを使用したほうがいいでしょう。

 

sirius_mail

 

 

タグの取得方法

 

sirius_mail5

 

フォーム一覧が表示されていれば、オレンジフォームのTOP画面です。
もしなければ、左上の青文字の「オレンジフォーム」をクリックしてください。
オレンジフォームのTOP画面に移動します。

 

フォーム一覧の「お問い合わせフォーム」をクリックします。

 

 

sirius_mail2

 

こちらが「お問い合わせフォーム」の管理画面になります。

 

「タグ取得」でURL・HTMLのタグを取得できます。

 

 

sirius_mail3

 

sirius_mail4

 

 

シリウスに設置

 

HTML使用の場合

 

sirius_mail6

 

記事本文に先ほど取得したHTML構文を貼り付けてください。

 

sirius_mail

 

この様になります。

 

 

URL使用の場合

 

サイドバーに設置する方法です。

 

sirius_mail7

 

サイト全体設定をクリックします。

 

 

sirius_mail8

 

新しい画面が表示されますので、フリースペースの設定をクリックします。

 

 

sirius_mail9

 

今回はメインメニュー上段へ設置します。
この様に入力すると、下の画像が表示されます。
画像は用意しておいてくださいね。

 

sirius_mail

 

 

<p class="txt-img" style="text-align:center"> ←画像を真ん中にする設定
<a href="先ほど取得したURL"target="_blank" > ←リンクの設定
<img src="../img/挿入したい画像のファイル名" alt="〇〇"/> ←画像の設定
</a></p>

 

 

まとめ

 

オレンジフォームの作成はとても簡単ですの、早速試してみてください。

 

シリウスへの設置ですが、記事本文にHTMLを貼り付ける方法は簡単です。
しかし、サイドバーに設置する方法がちょっと手こずるかもしれません。

 

難しいようでしたら、お気軽にご連絡くださいね。
私のわかる範囲内でしたらお答えします。

 

 

ここまでお読みいただき、ありがとうございました。

 

 

 


アフィリエイトランキング  <<<ポチッと押していただけると嬉しいです♪

 

 

 



ホーム RSS購読 サイトマップ