この記事では、アメブロに「申し込みフォーム」や「お問い合わせフォーム」を設置する方法を解説します。

もちろん全て無料でOK！

例えば、下記のような「お申し込みフォーム」をアメブロでも作成できます。（デモページはこちら）

「お問い合わせフォーム」も下記のように埋め込みできます。（デモページはこちら）

アメブロでビジネスをするなら、「申し込みフォーム」は収益UPに必須です。

「お問い合わせフォーム」を設置すればお仕事の依頼が来たり、読者とのコミュニケーションにも利用できます。

「おすすめの無料フォーム」や「設置のコツ・注意点」も紹介しているので、確認しておきましょう！

くますけ

「申し込みフォーム」の設置は難しそうだなあ・・・

あめっくま

作り方は簡単だから、早めに設置しよう。

ブログ向け無料の「申し込み・お問い合わせフォーム」

無料の「フォームサービス」は複数あるので、おすすめなものを紹介します。

選ぶ時の主なポイントは、下記の5項目です。

お問い合わせ・アンケート・資料請求・イベント受付など、複数のフォームを使い分けたい場合は設置可能なフォーム数に注意して下さい。

「お問い合わせフォーム」のみに利用するなら、1つのフォーム内に設置可能な項目数は少なくてもOK。

ただし「申し込みフォーム」に使う場合は、設置可能な項目数が多い方が電話番号や住所などの入力欄も作れます。

くますけ

使う目的によって、おすすめなフォームサービスが違うんだね。

あめっくま

続いて「おすすめの無料フォーム」サービス4社を紹介するね。

formrun（フォームラン）

「formrun（フォームラン）」は直観的操作で、とにかく簡単にフォームを作れるのが特徴。

便利なテンプレートが用意されていて、「お問い合わせフォーム」ならサクッと作れます。

例えば下記のフォームなら、1分程度で作成も可能。とにかく早い！

ただし無料プランで作成可能なフォームは1つのみ。複数のフォームを使うなら、有料プランが必須。

無料プランでは、「お申し込みフォーム」と「お問い合わせフォーム」を同時に作れません・・・

「お問い合わせフォーム」専用として使うなら、手軽なので便利です。

なお自動返信メールに「formrun」のロゴが入るのが、個人的にはデメリットです・・・

アメブロでの「formrun（フォームラン）」の使い方・埋め込み方法は、下記の記事で具体的に解説しています。

 実際に設置してみたよ！

【簡単】formrun（フォームラン）の使い方・埋め込み設置方法

この記事ではのformrun（フォームラン）の使い方・埋め込み方法・活用のコツ・注意点を紹介します。

nk-media.org

あめっくま

お問い合わせフォーム１つでいいなら、超簡単で便利です。

FormMailer（フォームメーラー）

フォームメーラーも簡単操作で、「お問い合わせフォーム」を作成しやすいです。

無料プランでも5つのフォームを作れます。

例えば下記のフォームなら、3～5分程度で作成可能。比較的早いですね。

ただし無料プランでは、1つのフォーム内に設置できる項目数が7項目までと少なめ。

「お申し込みフォーム」では項目数が多くなりやすいので、7個で足りるかがポイント。（上記の見本でギリ7項目）

無料版では決済機能を使えないので、支払いは別途メールなどでやり取りなどが必要となるので注意しましょう。

アメブロでのフォームメーラーの使い方・設置方法は、下記の記事で具体的に解説しています。

 実際に設置してみたよ！

アメブロでのフォームメーラーの使い方・設置方法

この記事ではアメブロでのフォームメーラーの使い方・設置する方法・活用方法・注意点を紹介します。

nk-media.org

あめっくま

シンプルなフォームを複数作る場合に便利です。

Googleフォーム

Googleフォームは設置が楽チン！Googleアカウントがあればサービスへの登録も不要なので、今すぐ利用できます。

さらに「作成できるフォーム数」「1フォームに設置可能な項目数」は無制限（Googleドライブの容量上限まで）

例えば下記のようなフォームなら、2～3分程度での作成も可能。とにかく早い！

ただし実際にお問い合わせが来た時に、返信するまでの流れが他のサービスとは違います。

お問い合わせが来れば、登録したあなたのメールアドレスに通知が来るのは同じ。

通常は内容が書かれているので、そのままメールで返信できます。

ただし「Googleフォーム」の場合は、通知メールの文面では問い合わせ内容が分かりません。

つまり「Googleフォーム」を立ち上げて内容確認してから、メールに戻って返信します。

くますけ

返信する時に、ひと手間あるということだね。

また決済機能を使えないので、支払いは別途メールなどでやり取りが必要となります。

作成できる数が無制限＋手軽に作れるので、フォームを多く作る人にはとても便利です。

あめっくま

アカウント登録も不要なので、利用している人が多いですよね。

formzu（フォームズ）

無料アカウントでも、フォーム数を無制限で作れるのが特徴。

無料プランでも決済機能（PayPalのみ）も利用可。フォーム上で決済できるので、支払いについてのやり取りが不要となりますね。

無料で使える機能も豊富で、本格的な「お申し込みフォーム」「お問い合わせフォーム」を作成できます。

例えば下記のようなフォームなら、10分程度で作成可能。

ただしシンプルな「お問い合わせフォーム」を設置するだけなら、他の3つの方が簡単に作成できます。

また毎週開催しているような教室・スクールなどの予約には、無料で使える予約フォームの方が明らかに便利です。

おすすめの予約フォームと比較してから判断しましょう。

あめっくま

「お申し込みフォーム」を検討している人なら、特におすすめです！

アメブロにお申し込み・お問い合わせフォームを設置

下記の3STEPで、アメブロにお問い合わせフォームを設置できます。

あめっくま

詳しく解説しますね。

STEP① フォームを作成

まずは、「お申し込みフォーム」または「お問い合わせフォーム」を作成しましょう。

それぞれの作成方法は、下記のリンク先で解説しています。（一部準備中）

今回は「formzu（フォームズ）」で作成したフォームをアメブロに設置します。

あめっくま

フォームサービスは用途に応じて選んで下さいね。

STEP② フォームのURLを取得

お問い合わせフォームを作成したら、URLを取得しましょう。

例えば「フォームズ」で作成すると、フォーム保存完了画面で下記のようにURLが表示されます。

このURLをアメブロにリンクとして設置するということですね。

なおアメブロでのリンクの貼り方・活用法は、下記の記事で解説してます。（ちなみに収益が伸びない人は、ほぼ100%リンクの活用法に問題があります・・・）

 収益UP方法あり！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

あめっくま

フォームを作成したら、専用のURLが発行されますよ。

STEP③ アメブロに設置

最後にアメブロにお問い合わせフォームを埋め込みます。

リンク先をお申し込みフォームのURLにするだけ。

これで読者がクリックすれば、「お申し込みフォーム」や「お問い合わせフォーム」に飛んでくれますね。

あめっくま

ただし、テキストリンクでは読者からの申し込みは増えにくいです・・・記事後半の設置のコツを確認しておきましょう。

お申し込み・お問い合わせフォームの注意点

特に大事な注意点は下記の3つです。

あめっくま

順番に解説しますね。

①必ず記事内に設置する

最近ではブログをスマホで見る読者の方が多いですよね。

アメブロの場合にサイドバーやヘッダーメニューのみに設置するとスマホでは見れないので、フォームの意味がありません。

スマホの読者に知らせるには、アメブロでは記事本文に設置するのがベスト。

例えば記事本文の最後の方に設置するなど、工夫をしておきましょう。

あめっくま

サイドバーやヘッダーメニューだけに設置するのはNGです・・・

②自動返信メールを設定する

読者がフォームから送信した時に自動返信メールが届かないと、内容が届いたのか不安になりますよね。

事前に自動返信メールを設定しておきましょう。

自動返信メールに読者の記入内容を表示すると、送信内容も確認できるので親切ですね。

あめっくま

今回紹介している無料のフォームサービスは、全て自動返信メールの設定ができます。

③保存が必要ならダウンロードしておく

無料フォームサービスは、問い合わせ内容の保存期間や数に制限があります。

制限を超えると、過去の問い合わせ内容が見れなくなる点に注意して下さい。

保存が必要な場合には、必ずダウンロードしておきましょう。

あめっくま

スプレッドシートなどで管理しておけばOKですね。

お申し込みフォーム設置のコツ

単に「お申し込みフォーム」へのリンクを貼るだけでは、ハッキリ言って読者からの申し込みは増えません・・・

読者にクリックさせる工夫が欠かせませんよね。

あめっくま

収益UPのためには設置の仕方が重要です。

①画像リンクやボタンを利用する　

フォームの存在を分かりやすくするために、画像リンクやボタンを利用しましょう。

テキストリンクでも可能ですが、目立たないのが理由です・・・

くますけ

バナーやボタンを使うのは基本だよね。

例えば画像リンクなら、下記のようなバナーを用意してリンク先をフォームのURLにすればOK。（クリックするとデモ用のフォームに飛びます）

記事下やサイドバーなどに設置すると、かなり目立ちますね。読者からのコンタクトを増やせます。

なおアメブロでの画像リンク・バナーの設置方法や具体的な活用法は、下記の記事で紹介しています。

 超活用法あり！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

ボタンなら、当サイトで紹介しているアメブロ用の「申し込みボタン」「お問い合わせボタン」が便利。（クリックするとデモ用のフォームに飛びます）

お申し込みはこちら

お問い合わせはこちら

下記の記事で、素材を紹介しているので活用して下さいね。

 まだ使ってないの？

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

画像リンクやボタンを記事本文やサイドバーに配置して、リンク先をフォームに設定しましょう。

あめっくま

テキストリンクだけでは、チョット厳しいです・・・読者のクリック率を上げる工夫が欠かせませんね。

②吹き出しや囲み枠の中に入れる

アメブロでもアイコンつきの吹き出しが使えるようになったので、利用者が急増していますよね。

吹き出しは目立ちやすく、アイコン＋名前付きなので読者に覚えてもらえるのがメリット。

さらに会話する雰囲気が出るので、読者が目を留めやすいです。

下記のように、吹き出しの中に「申し込みフォーム」へのリンクを設置するとクリック率を伸ばせます。

アメブロでの吹き出しの使い方は、下記の記事で解説しています。

 効果絶大！

【コピペOK】アメブロ用の吹き出し素材42選（画像アイコン付き・会話風）

この記事ではアメブロで簡単に使える「アイコン画像つき吹き出し」を全42種類紹介します。吹き出しデザインと色を選んだら、コードが表示されるのでコピーしてアメブロに貼り付けるだけ。簡単にブログがおしゃれに生まれ変わりますね。

nk-media.org

古典的ですが、「囲み枠」の中に入れる手法もよく使われますよね。

「アメブロ用の囲み枠素材」は、下記の記事で紹介しているので活用して下さい。

 かわいい素材が豊富！

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org

あめっくま

特に吹き出しの効果は絶大です！

③記入項目は最低限にする

お問い合わせフォームの場合、読者に記入してもらう項目は最低限にしておきましょう。

項目数が多ければ、申し込み・問い合わせを面倒に感じますよね。

単に問い合わせ用なら、個人情報の項目も最低限でOK。

ただし下記の3項目の入力欄は、入力必須項目にしておきましょう。

もちろん必要な項目は、ブログや用途によって違います。

「申し込みフォーム」「注文フォーム」なら、住所や電話番号など項目が増える場合もありますよね。

読者の立場に立って、本当に必要な項目を絞り込みましょう。

あめっくま

フォームの用途によっても項目数は変わりますね。

この記事では、ブログやアメブロに電話番号リンクを貼り付ける方法を紹介します。

「電話番号リンク」を設置すると、読者がスマホでタップするだけで電話ができますよね。

「収益UPできるアメブロのリンク活用法」の中で紹介している手法の１つです。

 収益UPする方法があるよ！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

下記にタップで電話できるデモを用意しました。実際にどんな感じになるのか確認しましょう！（注：電話番号自体はデモです）

℡:00-0000-0000

お電話はこちら
00-0000-0000

お電話はこちら
00-0000-0000

簡単に「電話をかける」ことが可能ですよね。

画面上に表示されている電話番号を、ブラウザを閉じて・番号を入力して・掛けるのはスマホでは手間がかかります。

申し込みや問い合わせ用に電話受付しているブログでは、必ず導入しましょう。

くますけ

タップで電話できるのは簡単でいいね。

あめっくま

読者に手間を取らせない配慮をしておきたいよね。

ブログやアメブロでの電話番号リンクの貼り方

リンクを貼る時に、URLの前に「tel:」をつけると電話番号リンクになります。

メールリンクとよく似た仕組みですね。

 超便利！

【ブログやアメブロでのメールアドレスのリンク】貼り方とクリックされる載せ方

アメブロにメールリンクを貼り付ける方法を解説します。読者がクリックしやすいメールリンクや活用法、大事な注意点も紹介。導入するかどうかは記事を読んでから決めて下さいね。

nk-media.org

電話番号リンクは、下記の4STEPで完了です。

アメブロでのリンクの貼り方を、少し変えるだけなので簡単ですね。

あめっくま

実際のやり方を解説しますね。

テキストでのメールリンクの載せ方

PCで下記のようなテキストの電話番号リンクを、アメブロに貼ってみましょう。

手順①

まずは記事作成エディタ上に、下記のような電話番号リンク用のテキストを用意します。

テキストには電話番号自体を書いておくのがおすすめです。

PCで見る読者は、クリックしても電話をかけられないことが多いですよね。

番号を表示しておくと、PC画面を見ながら・スマホに番号を手入力できるのが理由です。

手順②

電話番号リンクにするテキストを選択した状態で、「リンクマーク」をクリックします。

手順③

リンクのボックスが表示されたら、URL欄に「tel:」に続けて「電話番号」を入力します。

「リンクを挿入する」をクリックしましょう。（テキストの変更も可）

手順④

すると下記のようにテキストの電話番号リンクになっています。

これで完成！

なおエディタ上やプレビューではリンクをクリックできません。投稿後に実際にクリックして確認しましょう。

スマホでタップして、下記のように電話が起動すれば成功です！

くますけ

簡単に電話番号リンクを貼り付けできるんだね。

あめっくま

でもテキストではなく、電話番号ボタンの方がおすすめだよ。

下線があるとクリックされやすい

リンクにアンダーラインを引くかどうかは、本来はお好みですよね。

ただしアメブロではリンクに下線があると、クリック率が上がりやすいです。

理由はアプリで見る場合に、ハッキリとリンクだと分かるため。

アメブロの記事をPCで見ると、下記のように色が濃いためリンクと分かりやすいです。

アプリで記事を見ると、色がうすく下線がないとリンクだと分からない読者が出やすいですね。

アプリで記事を見る場合は、そのままではリンクに下線が引かれません。

電話番号リンクの場合も、スマホアプリでもリンクに下線を表示する方法を使いましょう！

 アプリでも表示してる？

アメブロのリンクの下線・アンダーラインを引く・消す方法（アプリ表示も可）

この記事ではアメブロでのリンクの下線・アンダーラインを引く方法と消す方法を解説します。特にアプリやスマホ画面では下線がつかないので、リンクだと分かりにくいです。クリック率を上げるためにPC・アプリの両方で下線を引いておくことが重要です。

nk-media.org

あめっくま

スマホアプリで記事を見て、リンクに下線があるか確認して下さいね。

タップしやすい電話番号リンクがおすすめ

タップしやすい電話番号ボタンにすると目立つので、読者からのクリック率もUPしやすいですよね。

下記のコードをコピペすると、すぐに記事に貼り付けできます。

お電話はこちら
00-0000-0000

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

お電話はこちら
00-0000-0000

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

お電話はこちら
00-0000-0000

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

お電話はこちら
00-0000-0000

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

お電話はこちら
00-0000-0000

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

お電話はこちら
00-0000-0000

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

お電話はこちら
00-0000-0000

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

• 緑の部分に電話番号
• 赤の部分に番号を書くと記事に表示

くますけ

文字だけより押しやすくていいね。

あめっくま

電話番号リンクでボタンを使っていない人は、早めに導入した方がいいよ。

手順①

エディタを「HTML表示」に切り替えます。

手順②

下記のようにコードを貼り付けて、「リンク先URL」を「tel:電話番号」に書き換えて下さい。

入力したら通常表示に戻して完成です。

下記のようにクリックしやすい電話番号リンクとなります。

お電話はこちら
00-0000-0000

下記の関連記事で豊富なデザインを用意しているので、参考にして下さいね。

 クリック率が超UP！

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

あめっくま

クリック率がグッとあがりますよ。

電話番号リンクを簡単に貼り付ける方法

毎回の記事で、電話番号やテキストを入力するのは面倒ですよね。

1度作成した電話番号リンクなら、2回目以降はコピペで簡単に貼り付けできます。

そこで、下記2つの方法を紹介しますね。

過去記事の電話番号リンクをコピー

過去の記事で作った電話番号リンクをコピーすることで、サクッと貼り付けできます。

下記のように過去記事のエディタ上で、以前作成した電話番号リンクを表示しましょう。

下記のように選択した状態で、右クリック⇒コピーをします。（CTRL+Cが楽チン）

続いて新しく作成する記事のエディタ上で、貼り付けたい場所で「右クリック⇒貼り付け」をします。（CTRL+Vが楽チン）

すると、下記のように電話番号リンクを貼り付けできます。

リンクをコピペで簡単に作成できました。

電話番号ボタンの場合も同じ。

過去記事のエディタ上で、以前作成した電話番号ボタンを表示します。

下記のように、前後の行を含めて選択すると確実です。右クリック⇒コピーをします。（CTRL+Cが楽チン）

続いて新しく作成する記事のエディタ上で、貼り付けたい場所で「右クリック⇒貼り付け」をします。（CTRL+Vが楽チン）

すると、下記のように電話番号ボタンを貼り付けできます。

過去に作ったリンクを活用すれば、サクッと作れますね。

あめっくま

過去記事のエディタを開きながら作成すると簡単です。

記事の複製機能を使う

電話番号リンクを含めて、記事をまるごと複製する機能です。

過去に作った記事を複製して、新記事で使う部分だけを残すということですね。

イメージは下記のとおり。

例えば過去記事の記事下定型文に「電話番号リンク」や「囲み枠」「ボタン」などで作った部分を、再度作るのは面倒ですよね。

複製機能を使い、過去記事のいらない部分を新しい内容に書き換えればOK！

まとまった部分を新しい記事でも使う時に、便利な機能ですね。

アメブロの記事複製の仕方と注意点は、下記の記事で解説しています。

 記事作成効率がUP！

【アメブロの記事複製・コピー】パソコン・スマホ両方OKなスゴ技！

アメブロの記事複製・コピーの方法について解説します。複製機能を使うと、過去記事をすぐにコピーして新記事を作成できます。一部分を繰り返し使う場合に便利！パソコン・スマホアプリのどちらでも利用可能ですよ。

nk-media.org

くますけ

一度作った定型文は、複製機能でコピペしていけばいいんだね。

あめっくま

記事を書く時に複製して、必要ない部分を新しく書き換えると楽だよ。

アメブロに電話番号リンクを貼り付けよう

電話番号リンク自体は簡単に貼り付けできます。

テキストではなく、電話番号ボタンにしておくと読者もタップしやすいのでおすすめです。

アメブロ向けのメールリンクと合わせて、設置を検討したいですね。

「記事下定型文」「サイドバー」「メッセージボード」「提供メニュー紹介ページ」など、クリック率の高い場所に設置しておきましょう！

あめっくま

電話受付をしているビジネスなら、ぜひ導入して下さいね！

この記事では、ブログやアメブロにメールアドレスのリンクを貼り付ける方法と注意点を紹介します。

「収益UPできるアメブロのリンク活用法」の中で紹介している手法の１つですね。

 収益UPする方法があるよ！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

ブログにメールアドレスのリンクを載せると、読者がクリックするだけで簡単にメールで問い合わせできます。

下記をクリックするとメールソフトが起動するので、実際にどんな感じになるのか確認しましょう！（注：アドレス自体はデモです）

お問い合わせはこちら

 

お問い合わせはこちら

アドレスが入った状態でメールソフトが立ち上がるので便利ですよね。

しかも、メールのタイトルや文面を事前に指定することもできます！

お客様が簡単に問い合わせできるように、あらかじめ設定するということですね。

くますけ

メールアドレスのリンクがあると便利そうだなぁ。

あめっくま

読者からの質問用・お仕事の受付用などに、簡単に使えるよ。

アメブロでのメールアドレスのリンク・メアドの貼り方

リンクを貼る時に、URLの前に「mailto:」をつけるとメールリンクになります。

アメブロの電話番号リンクとよく似た仕組みですね。

 電話受付を増やす手法あり！

【簡単】ブログやアメブロに電話番号リンクを貼り付ける方法

アメブロに電話番号リンクの貼り付け方と、読者が電話をかけやすくなる方法を解説します。ビジネスで電話受付する場合は、スマホタップで電話をかけられる電話番号リンクは必須。電話番号を書いてあるだけなら、今すぐ導入しましょう。

nk-media.org

下記の4STEPで完了です。

アメブロでのリンクの貼り方を、少し変えるだけなので簡単です。

あめっくま

PCとスマホアプリ、両方のやり方を解説しますね。

【PC用】テキストでのメールアドレスリンクの載せ方

PCで記事を書く場合の、メールアドレスリンクの貼り方を解説します。（スマホアプリはこちら）

下記のようなテキストのメールリンクを、PC版エディタでアメブロに貼ってみましょう。

手順①

まずは記事作成画面で、メールアドレスリンク用のテキストを用意します。

手順②

下記のように、テキストを選択した状態で「リンクマーク」をクリックして下さい。

手順③

リンクのボックスが表示されたら、URL欄に「mailto:」に続けて問い合わせ先の「メールアドレス」を入力します。

「リンクを挿入する」をクリックしましょう。（テキストの変更も可）

手順④

すると下記のようにテキストのメールリンクになっています。

これで完成です。

なおエディタ上やプレビューでは、リンクをクリックできません。投稿後に実際にクリックして確認しましょう。

下記のようにアドレスが入った状態でメールソフトが起動すれば成功です。

くますけ

メールリンクは簡単に作れるんだね。

ちなみに下記のようにリンクのテキストに、メルアドを書いて表示させてもOK。

メールを送れるリンクであることが、読者に伝わりやすいです。

コピーもしやすいので、より親切ですね。

あめっくま

アドレスを表記しておくのもおすすめですよ。

【スマホアプリ用】メールリンクの載せ方

スマホで記事を書く場合の、メールリンクの貼り方を解説します。（PCはこちら）

下記のようなテキストのメールリンクを、スマホアプリ版でアメブロに貼ってみましょう。

なお「アメブロのスマホアプリでリンクを簡単に貼る方法」は下記で解説しています。

スピードUPする方法も紹介しているので、合わせてチェックして下さいね。

 スマホでも簡単にできる！

【アメブロのスマホ・アプリでのリンク】簡単な貼り方とNGな方法

アメブロのリンクのスマホ・アプリでの貼り方と、URLの簡単な貼り付け方を解説します。アメブロのアプリ（iPone・アンドロイド）でもリンクを貼ることで収益UPが可能です。

nk-media.org

手順①

最初にアプリのエディタ上で、メールリンクを入れる場所を選び・リンクマークをクリックして下さい。

手順②

下記のようにリンクの設定が立ち上がります。

URL欄に「mailto:」に続けて問い合わせ先の「メールアドレス」・テキスト欄に「リンクの文章」を入力して、「挿入」をクリックしましょう。

手順③

するとエディタ上にメールリンクが入ります。

これで完成です。

なおエディタ上・記事プレビューではリンクをクリックできません。投稿後に実際にクリックして確認しましょう。

実際に記事を投稿すると、下記のようにメールリンクが入ります。

下記のようにアドレスが入った状態で、メールソフトが起動すれば成功です。

くますけ

スマホでも簡単だね。

あめっくま

URLの部分が専用の書き方になるだけだね。

下線があるとクリックされやすい

リンクにアンダーラインを引くかどうかは、本来はお好みですよね。

ただしアメブロではリンクに下線があると、クリック率が上がりやすいです。

理由はアプリで見る場合に、ハッキリとリンクだと分かるため。

アメブロの記事をPCで見ると、下記のように色が濃いためリンクと分かりやすいです。

アプリで記事を見ると、色がうすく下線がないとリンクだと分からない読者が出やすいですね。

アプリで記事を見る場合は、そのままではリンクに下線が引かれません。

メールリンクの場合もPCだけではなく、アプリでもリンクに下線が表示される方法を使うのがおすすめです。

 アプリでも表示してる？

アメブロのリンクの下線・アンダーラインを引く・消す方法（アプリ表示も可）

この記事ではアメブロでのリンクの下線・アンダーラインを引く方法と消す方法を解説します。特にアプリやスマホ画面では下線がつかないので、リンクだと分かりにくいです。クリック率を上げるためにPC・アプリの両方で下線を引いておくことが重要です。

nk-media.org

あめっくま

少しでもクリック率を上げる工夫ですね。

クリックしやすいメールリンクもおすすめ

テキストのメールリンクもいいのですが、ボタンを使うと読者がクリックしやすくなります。

コードをコピペして簡単に利用できますよ。

お問い合わせはこちら

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-1.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>

お問い合わせはこちら

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-2.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>

お問い合わせはこちら

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-3.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>

お問い合わせはこちら

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-4.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>

お問い合わせはこちら

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-5.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>

お問い合わせはこちら

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-6.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>

お問い合わせはこちら

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-7.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>

緑線のリンク先URLの部分を「mailto:メールアドレス」に変更すれば、メールリンクになります。

手順①

エディタを「HTML表示」に切り替えます。

手順②

下記のようにコードを貼り付けて、「リンク先URL」を「mailto:メールアドレス」に書き換えて下さい。

入力したら通常表示に戻して完成です。

下記のようにクリックしやすいメールリンクとなります。

お問い合わせはこちら

下記の関連記事で豊富なデザインを用意しているので、参考にして下さいね。

 クリック率が超UP！

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

あめっくま

クリック率がグッとあがりますよ。

【応用】アメブロでのメールリンクの活用法

メールリンクのURLに下記コードを付け加えることで、事前に件名や本文のテンプレートを用意することも可能です。

下記のコードをコピペして使って下さいね。

mailto:メールアドレス?subject=ここに件名

mailto:メールアドレス?body=ここに本文（テンプレート）

mailto:メールアドレス?cc=ここにCC用のメールアドレス

mailto:メールアドレス?bcc=ここにBCC用のメールアドレス

あめっくま

具体的な使い方を確認しましょう。

メールリンクに件名を入れておく

件名を入れておく場合は、URL欄に下記のように入力します。

mailto:メールアドレス?subject=ここに件名

例えばURLに「mailto:ame-kuma@ameblo.com?subject=○○サービスへのお問い合わせ」と入力してみます。

下記のメールリンクのデモをクリックしてみましょう。

お問い合わせはこちら
ame-kuma@ameblo.com

 

お問い合わせはこちら

メールソフトが立ち上がった時に、件名があらかじめ入力されているのが確認できますね。

あめっくま

お客様の手間を省けますね。

メールリンクに本文を入れる

メール本文にテンプレートが用意されていると、お客様が問い合わせしやすいです。

また確認しておきたい項目を、事前に用意することもできますよね。

メールの本文を用意する場合は、下記のコードを使います。

mailto:メールアドレス?body=ここに本文（テンプレート）

ただしメールの本文テンプレートを日本語で書くと、読者側で文字化けする可能性があります。

そこで文面を決めた後に、URLエンコード（専用のWEB言語に変換）が必要です。

あめっくま

聞き慣れない言葉かもしれませんが、操作は簡単です。

手順①

こちらのURLエンコード・デコードツールを立ち上げます。

下記のように、左側にメール本文に書く内容を入れて変換して下さい。

右側の変換された長いコードをコピーして使います。

手順②

下記のようにコピーしたコードを「mailto:メールアドレス?body=」の後に貼り付けて入力しましょう。

リンクを挿入するをクリックして完成です。

下記にデモを用意したので、メールの表示を確認して下さいね。

ボタンにする場合は、HTML表示に下記のようにコードを貼り付けて下さい。

通常表示に戻して完成です。

こちらも下記にデモを用意したので、メールの表示を確認して下さいね。

お問い合わせはこちら

あめっくま

事前に確認したい内容を用意しておくと便利ですね。

複数項目をメールリンクに設定する

件名・本文・CC用のアドレスなど複数項目を設定する場合は「&」でつなぎます。

mailto:メールアドレス?subject=ここに件名&body=ここに本文&cc=CC用のメールアドレス

長くなるので書き間違えに注意しましょう。

メールリンクはGmail・Yahooメールに注意

メールリンクは便利ですが、読者側の環境によっては使えないことがあります。

特に「Gメール」や「Yahooメール」をブラウザのみで利用し、PCやスマホでメールソフトを使っていない読者は利用できません。

そのためメールリンクより、「お問い合わせフォーム」の方が確実！読者の環境に関係なく使えるので、顧客を逃す可能性も減りますよね。

詳しくは、下記の記事で解説しています。

 無料でもOK！

【便利】アメブロに申し込み・お問い合わせフォームを無料で設置する方法

この記事ではアメブロにお申し込みフォームやお問い合わせフォームを無料で設置する方法を紹介します。読者のクリック率を上げるコツも解説しているので、収益UPにも利用できます。

nk-media.org

あめっくま

現在は、メールリンクよりお問い合わせフォームの方が主流です。