【MyASPユーザー必見】マイスピーの登録フォームをワードプレスのサイドバーに配置する方法

こんにちは、WEBマーケッター山田祐輔です。

今回は、「MyASP(マイスピー)」のメルマガ登録フォームをワードプレスに配置する方法について書いていきます。

今回の内容は、マイスピーのメルマガ配信スタンドを利用している方限定の内容です。(他社のメルマガ配信スタンドでは検証していませんので予めご了承願います)

マイスピーとは

「MyASP(マイスピー)」とは、月額3240円から使えるオールインワンメルマガ配信スタンドです。

→ 「MyASP(マイスピー)」の詳細はこちら

通常のメルマガ配信スタンドとは違い、決済システムと連動して商品(コンテンツ)の販売までこれ一つで行えるめちゃくちゃ便利なメルマガ配信スタンドです。

僕も1年以上このメルマガ配信スタンドを利用しているのですが、このマイスピーのメルマガ登録フォームをブログのサイドバー(下記の写真のイメージ)に配置する方法をご紹介します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-42-24

マイスピーのメルマガ登録フォームをサイドバーに配置する方法

はじめに

まず、あなたのマイスピーアカウントにログインし、登録フォームを設置したい「シナリオ」を選択します。

次に、項目の中から「登録フォームタグの発行(HTML)」をクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-42-55

すると、こんな感じでHTMLタグが出てきますので、通常はこれをそのままコピーします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-43-30

が、このままコピーして貼り付けると、こんな感じで表示が崩れてしまいます。。

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-45-51

※このように真っ白になってしまいます。。

(さらに下に進むとこんな感じで表示が現れます)

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-46-19

上記のようになってしまいますので、少しデフォルトの HTMLをイジる必要があります。

では、このHTMLを修正する方法を解説します。

続き

また、マイスピーの登録タグを開きます。

そして、下記のように「最後の一文だけコピー項目から外します」

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-47-47

この状態で、「外観」→「ウィジェット」→「テキスト」→「サイドバー」に配置します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-34-30 %e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-44-21 %e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-44-48

そして、ここに先ほどの最後の一文を除いた内容をコピペします。

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-16-19-40

この状態で「保存」を押して表示を確認してみます!

すると、、

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-48-11

 

こんな感じで正しくメルマガ登録フォームを設置することができました。

これは2016年10月現在での情報なので、もしかしたらマイスピー側で修正してそのままコピペで使えるようになる可能性があります!

まとめ

いかがでしたでしょうか?

今回はかなり限定的な内容でしたが、僕と同じようにマイスピーを利用していてメルマガ登録フォームの表示が崩れて困っている方に少しでも参考になれば幸いです。

ではでは!

 

参考になりましたら応援ボタンをポチッとお願いします!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

IT企業でセミナーやメディア運営を行いながら個人でもWEBデザインやネットビジネス、映像など色んなことを勉強中!(特に海外のマーケティング情報が大好物)このブログでは主に学んだことを中心に、個人や小規模ビジネスを対象にしたオウンドメディアやコンテンツマーケティングに関する情報を中心に書いています!