誰でも簡単にLPが作れる!MyASP(マイスピー)のフォームを使ったシンプルな方法!

2025年3月31日

ネットサーフィンしていて、あれっ!これって自分でも作れるかもって思うことがありますよね。

そして、今回、画期的なものを見つけました。

そして試しにやってみました。

そしたらできましたー!!

なんとMyASP(マイスピー)のお申し込みフォームに画像を入れる方法がわかったんです。

作成方法

MyASP(マイスピー)のフォームに画像を入れ込むには、HTMLコードを使用する必要があります。

HTMLコード!一瞬難しいかなと思いましたが、やってみたら意外にも簡単でした。

以下の手順で入力するだけなので、ぜひ挑戦してみてください。

MyASP(マイスピー)のフォームに画像URLを直接埋め込む

①MyASP(マイスピー)のフォーム編集画面を開く

シナリオ管理メニュー→登録フォームデザインをクリックする。

②「HTML編集」モードを使用する

登録フォームデザインが開いたら、赤印で囲ったところに、画像のURLを入れていきます。

③先ほどの赤囲み場所に、画像を表示させたいので、以下のコードを挿入します。

<img src="画像のURL" alt="説明文" width="300″ style="display:block; margin:auto;">

画像のURLの取得方法は、次の項目で説明していますので、いったん上記のコードを全部コピペします。

<img src="画像のURL" alt="説明文" width="300″ style="display:block; margin:auto;">

※ width="300″ の部分はサイズ調整用です。適宜変更してください。今回、300を1200に変更しました。

画像のURLの取得方法

画像のアップロードについて

MyASP(マイスピー)では直接画像をアップロードする機能がないため、画像は外部のサーバー(ブログやGoogleドライブ、画像アップロードサイトなど)にアップロードしてURLを取得する必要があります。

WordPressのブログを使ってみます。

ブログに添付している写真を右クリックして、「画像リンクをコピー」をクリックし、URLを取得する。

そして、先ほどのコードの「“画像のURL"」に、画像のURLを貼り付けて「変更する」をクリックする。

作成した画像付きフォーム

まるでLP(ランディングページ)に見えます。

画像の取得方法まとめ

1.ブログやWordPress → メディアライブラリにアップロードしてURL取得する。

2.Googleドライブ → 公開リンクを取得して使用する。

2つの方法があるので、あなたもお試ししてみてはいかがでしょうか!!

作り方次第では、簡単にLPができてしまうことがわかりました!!

Canba(キャンバ)でLPページを作って、先ほどの手順で複数枚貼り付けたら、結構良いLPが作れるんじゃないかと想像が膨らみました。

やばいです。応用できそうだと思ったらワクワクしてきました。

関連記事
https://docs.myasp.jp/%e4%bd%bf%e3%81%84%e6%96%b9/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%ae%e4%b8%8a%e9%83%a8%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e7%94%bb%e5%83%8f%e3%82%84%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%82%92%e6%8c%bf%e5%85%a5%e3%81%99

WEB関係のことってわかりにくかったりしますよね。もしかしたら、あなたも「やってみたいけど不安」「自分にできるかな?」と感じているかもしれません。 そんな時は、以下のお悩み相談窓口(初回30分無料) をぜひご利用ください!! 小さな疑問や不安でも大丈夫!あなたのペースで一歩を踏み出すお手伝いをします。

   

初心者向け!Wordpress個別相談!ブログ制作の無料お悩み相談窓口

~無料メルマガのご案内~

お悩み相談に申し込むのはちょっとまだいいかなと思われた方へ。まずは無料メルマガを読んでみませんか?

一歩踏み出したいあなたへ!パソコン・ブログ応援する無料メルマガ、配信中!

煩わしい手続きは必要ありません。メールアドレスを登録するだけです!

無料メルマガ登録はこちらから!

メルマガの詳細はこちらをクリック

 

人生を楽しく生きる為のパソコン講座
無料メルマガ登録フォーム
 

あなたのペースで無理なくパソコンスキルアップのお手伝いをします!

初心者向けWordpressのお悩み相談受付けます 1ヶ月質問し放題とビデオチャット30分オンライン個別講座

《新着記事》

Thumbnail of new posts 068

: note

効率よく心軽くブログを届けよう!!SocialDogで予約リプの魔法を手に入れる5ステップ

ブログやnoteをコツコツ書いているのに、X(Twitter)のリプ欄にリンクを ...
Thumbnail of new posts 045

: LINE

【ゼロからでも安心】LINE公式アカウントをかんたん開設♪はじめてさん向けガイド

今日は「LINE公式アカウント」を作って、お仕事や活動に活かしたい方へ、わかりや ...
Thumbnail of new posts 184

: Gemini

起業家のためのGemini完全攻略:データ漏洩リスクゼロでAIを活用しよう!設定5分で実現

1. なぜ起業家は「設定」を変えるべきなのか? Geminiはデフォルト(初期設 ...
Thumbnail of new posts 114

: ワードプレス

AIは指示通りに動くのか?理想の画像を生成するまでの全記録

2023年6月から受講開始させていただいた「仕事の自給講座」が、本日ついに卒業の ...
Thumbnail of new posts 103

: ワードプレス

【AIセミナー受講感想】一人起業家が今選ぶと良いAIツールの使い分け

冬の澄んだ空気に、一筋の光が差し込むような。 そんな温かな時間をご一緒させていた ...

マイスピー

Posted by Thank you