Qubo
Qubo is a contact form and survey SaaS.
Create a new form
1. Log in to Qubo’s control panel
If you don’t have an account, request 14 days free trial
https://req.qubo.jp/QRFreeTrial/form/requestlp4/input
![](/wp-content/uploads/2024/03/356297260-153a11706cfc76641389556f.png)
2. Click the [新規作成] button to create a form
![](/wp-content/uploads/2024/03/356297438-28d555411959d6e53186b6b4.png)
3. Input field, then click [作成] button
![](/wp-content/uploads/2024/03/356300423-498e0c4b10cd7b041234a5c8.png)
4. The form is created.
Let’s add some details.
![](/wp-content/uploads/2024/03/356301222-7dedc6536c2e5dad3a52214f.png)
5. 環境設定
基本情報・公開設定
Never forget to change [すぐに公開] under フォームの公開設定 section to make it public.
![](/wp-content/uploads/2024/03/356301721-c6b502f0fdc165e239dbfcac.png)
メール通知設定
![](/wp-content/uploads/2024/03/356302018-5d756d68d1bc1947e5035ba7.png)
デザイン設定
![](/wp-content/uploads/2024/03/356302207-88aaf43ee6f4c7cab9c772b6.png)
トラッキングコード設定
![](/wp-content/uploads/2024/03/356302336-8ecf85ff4b8857b795d6c543.png)
6. 入力画面編集
Drag and drop the parts then set up necessary items.
![](/wp-content/uploads/2024/03/356302518-d18ba473899b7f9e86fe4715.png)
7. 確認画面
Modify the required field.
![](/wp-content/uploads/2024/03/357484409-d4549f68967e7b941510182d.png)
8. Save changes
Click [この内容で登録する] under each page.
9. Back to form list page
![](/wp-content/uploads/2024/03/357485346-90e4e7f7623d8fa5603a3107.png)
Get embed tags
1. Click [埋め込みタグ表示]
To get embedding code, click [埋め込みタグ表示] button.
![](/wp-content/uploads/2024/03/357486133-0d1956b923bf2a537fb03c2c.png)
2. Copy the code.
![](/wp-content/uploads/2024/03/357487105-397c937be6212b13379d7cb5.png)
Embed to a Page
1. Start WordPress and login
2. Click [Add New] under [Pages]
![](/wp-content/uploads/2024/03/199939653-e91ff7554e7850bbe1cca67b.png)
3. Click [+] to add block
![](/wp-content/uploads/2024/03/199939533-01f55b1f5e5a77cafe7c6015.png)
4. input “custom HTML” and click [Custom HTML] under the Formatting menu
![](/wp-content/uploads/2024/03/199939435-0eaa4e160cf89db2329734be.png)
5. Paste copied Qubo’s embed code and click [Publish]
![](/wp-content/uploads/2024/03/357490438-a135d7d5d37e4918687b470f.png)
6. Generate an artifact and confirm it works
![](/wp-content/uploads/2024/03/357491576-aea9cb53d42fc535a08b2251.png)
Embed to Sidebar widget
1. Click [Custom HTML] menu
![](/wp-content/uploads/2024/03/199938303-3acc17493f1e95c8061dd205.png)
2. Choose position where you want to apply, and click [Add Widget] button
![](/wp-content/uploads/2024/03/199938226-916167112246241eadc7fac4.png)
3. Paste copied code and save it
![](/wp-content/uploads/2024/03/357492342-96de0fdb67ccef0e8f4b2c7b.png)
4. Generate an artifact and confirm it works
![](/wp-content/uploads/2024/03/357492541-df99263a0ef396516502a321.png)
That’s all!