【前編】インターン生が1ヶ月でLP制作をマスター？コツは◯◯の攻略だった

目次

01｜Widget 使いこなしてる？

Squad beyondでは、800種類以上の「Widget」というLP制作パーツを提供しており、これらを組み合わせることで簡単にLPを作成することができます。Widgetの作成リクエストは随時受付しており、無料で無制限に作成をしています。

｜Widgetの使い方

｜Widgetを使いたいのに、使えない

「HTML・CSS・JavaScript...コーディングのこと全然分からないけど、LPを作りたい」と思ったことはありませんか？筆者も同じ経験をしています。Widgetを使って時短でLP制作をしたいのに、部分的な修正や動きの調整に手間取っています。

▼ 筆者、ここで毎度タイムロスをしている...

フリーチャットを利用すれば、CXが手順を教えてくれるので助かるのですが、営業時間（平日10時〜17時）以外はLPを制作することができません。

▼ 参考記事

• Widgetを余白を無くしたり、増やしたりしたい
• Widget内の文章の行間を変更したい

｜速報：インターン生が1ヶ月でLP制作をマスター 

そんな風に思っていた筆者に朗報が！なんと入社1ヶ月目・Web広告業界未経験の弊社インターン生が、自力でWidget修正を成功しているらしいんです。

早速、どのようにプロに成長したのか聞いてみました。

02｜html・cssを知らなくても、LP制作プロに

03｜【実績紹介】ChatGPTで解決できたWidget修正

文字間を狭めたい

• Before

• After

---

• Widget名
  • フリガナを振る(文字)
• 解決策
  • https://chat.openai.com/share/bef5d1ac-5bfc-4d1f-8ed0-8ee065cdb641

ページの横幅修正の方法を知りたい

• Before

• After

---

• 該当Widget名
  • よくある質問コンテンツ（アコーディオン）※要Javascript
• 解決策
  
  • https://chat.openai.com/share/0e9dabdd-acd7-49eb-9058-93256a6474ed

チャットの表示スピードを早めたい

• Before

• After

---

• Widget名

• • 自動応答チャット形式アンケート（選択肢による回答・単一/複数選択・繰り返しの質問コンテンツ付き）※要javascript
• 解決策
  • https://chat.openai.com/share/126b61ca-b50a-4cf7-8f3f-200bb6556726

数値の調整箇所を知りたい

• Before

• After

---

• Widget名
  • 入力すると計算結果が表示（計算結果を固定値にする）※要javascript(自動表示)
• 解決策
  • https://chat.openai.com/share/349852ec-0bd7-4d4b-b047-804d8db96930

カルーセルの下に表示されるドットをカードの下まで下げたい

• Before

• After

---

• Widget名
  • カルーセル（クリエイティブエフェクト）※要javascript
• 解決策
  • https://chat.openai.com/share/5c3a100f-b004-4579-9cc6-463baf902a52

 

カルーセルWidgetのスライドスピードを早めたい

• Before

• After

---

• 該当Widget名
  • カルーセル※要javascript
• 解決策
  • https://chat.openai.com/share/1767e526-875a-4524-8246-8c319314cd82

アンケートWidgetの文字色を変更したい

• Before

• After

 

---

• 該当Widget名
  • 自動応答チャット形式アンケート（選択肢による回答・単一/複数選択・繰り返しの質問コンテンツ付き）※要javascript
• 解決策
  • https://chat.openai.com/share/3af3d29c-74ab-4b5a-8966-2e69864d76e1

矢印Widgetのサイズと色を変更したい

Before

After

---

 

• Widget名
  • 矢印2（上下に動く）
• 解決策
  • https://chat.openai.com/share/575c558e-3d39-43fb-976e-e14edf7c6129

紙吹雪Widgetの使い方を知りたい

---

• Widget名
  • 紙吹雪-爆発・スクロール量で出現※要javascript(アクション)
• 解決策
  • https://chat.openai.com/share/1478319e-c200-4354-b707-ebc889b267d3

▼ 参考記事

• Widgetを余白を無くしたり、増やしたりしたい
• Widget内の文章の行間を変更したい

04｜アカウント作成はわずか30秒で完了！

｜ChatGPTの利用方法

05｜Widgetについて質問をする時のポイント

To be continued...

▼関連記事

• 【まずはコレ読んで】Squad beyondってどんなツール？
• 【ユーザーインタビュー】WordPressの4倍速で記事制作

Squad beyondのご利用には、アカウント開設が必要です。

お好きな時間を選んで、どんなことでもお気軽にご相談ください。
（商談の設定、お見積もり依頼、サービスの簡単な説明 など）