本記事執筆時点で、Systeme.ioでウェブサイトを作る方法は、「ウェブサイト」と「ブログ」の2つがあります。

「ブログ」機能はWordPressをイメージしてもらうといいです。

「ウェブサイト」機能は最近実装されたところで、HTMLサイトのように静的な情報を載せておくのに適していますが、問い合わせページがうまく稼働しないなど、まだ今後洗練されていく余地があります。つまり、仕様が変わる可能性があるのです。

参考：https://nakanokotoko.systeme.io/

特にウェブサイトに必ず置きたい「問い合わせページ」を簡単に実装できるのは、現時点ではブログ機能なので、本記事では、ブログ機能を使ってウェブサイトもブログも構築する方法をお伝えします。

参考：Systeme.ioの今後の機能改善・追加のロードマップ（「website」で検索するとわかる）

理論編：Systeme.ioのブログのデフォルトのページ構成を学ぶ

本記事執筆時点の、Systeme.ioでブログを作成すると表示されるデフォルトのページ構成は次のようになっています。WordPressブログで例えると「固定ページ」にあたる部分です。

• Home page
• Post list page
• Search
• About
• Contact

ページ名を書き換えて使うことも可能です。また、新しいページを追加可能です。ページ名とURLパスを入力すると作成できます。

デフォルトのページ構成を最大限活用するなら、次のようになりますね。

• Home page：トップページ
• Post list page：ブログ一覧ページ
• Search：ブログ内検索ページ
• About：私について・私たちについて
• Contact：お問い合わせ

この記事で作るページ構成

この記事では、スモールビジネス・フリーランス等の個人事業主のためのウェブサイト兼ブログを構築します。

デフォルトのページ構成を活用しながら、必要なページを追加しましょう。

トップページ：Home page

私について：About

お問い合わせ：Contact

ブログ：Post list page

サイト内検索：Search

追加するページ

• サービス一覧ページ
• 法的ページ：一般的に日本で個人事業主のためのウェブサイトにある方がいいページ
  • 利用規約：https://ayatori.systeme.io/terms
  • 特商法取引に基づく表記：https://ayatori.systeme.io/specified-commercial-transaction
  • プライバシーポリシー：https://ayatori.systeme.io/privacy-policy

Systeme.ioで作るウェブサイト兼ブログの準備をしよう

では、Systeme.ioでウェブサイト兼ブログを作りましょう。

ページを作り始める前に、作成するページの種類と、URLパスを決めておくとスムーズです。URLパスというのは、WordPressで言う「スラッグ」のようなものです。ドメイン名の次に続く文字列です。

例えば、お問い合わせページなら「https://ドメイン名/contact」など、この「contact」にあたる部分の文字列を決めておきましょう。一般的な文字列を入れておきますが、お好みで書き換えてください。

ワーク：作成するページとURLパスを決めておこう

その他業種業態に応じて必要なページがあれば追加してください。

実践！Systeme.ioでウェブサイト兼ブログを作る方法

サイト＞ブログ＞「作成」ボタンをクリック＞「ブログを作成」画面に入力

名前、ドメイン名（初期ドメインのままでよい）、URLパス（空にしておく）、テンプレートを選択して「保存」

できるだけ完成イメージに近いテンプレートを選択するのがおすすめです。文字数や構成を変えると外観がかなり変わってしまうためです。

ブログのページ構成を作る

管理画面のメニューのサイト＞ブログ＞ブログ名をクリック＞ページ　に進んで、あらかじめ決めておいた通りに、デフォルトのページを編集します。

• ページ名：各ページ名の三点リーダーから「設定」を選択すると編集可能
• URLパス：デフォルトのURLパスは変更できないので、変更したい場合は三点リーダーから「複製」を選択して、複製した方のページのページ名とURLパスを編集する
  

Systeme.ioのブログの設定箇所は2つある

• ブログレイアウト：ブログ全体の設定を行うところ
• 投稿レイアウト：いわゆる「記事」のページ構成を行うところ

「ブログレイアウト」からブログ全体の基本設定をする

「ブログレイアウト」をクリックして編集することが可能です。編集が終わったら「保存」して「終了」しましょう。

ここで設定できる項目は主に次の通りです。（本記事執筆時点）

• デフォルトのタイポグラフィ：フォントスタイル、フォントサイズ、リンクの色、テキストの色、配置（左寄せ、中央、右寄せ）
• 見出しのタイポグラフィ：フォントスタイル、フォントサイズ、リンクの色、テキストの色、配置（左寄せ、中央、右寄せ）
• バックグラウンド：背景色、背景画像のアップロードや位置など
• SEO設定
• アフィリエイトバッジを表示・非表示の切り替え（非表示にできるのは有料プランのみ）

Systeme.ioのブログのヘッダーとフッターを編集する

「ブログレイアウト」をクリックするとヘッダーとフッターが編集可能です。デザインが崩れないようにするには、テンプレートの文字数に近い文字数で構成することです。

自由に設定できますが、多くの人が設定する項目は次の通りです。

• メニューを設定する
• ページのURLをリンク設定
• ロゴ画像を入れた場合はロゴ画像にもトップページへのリンクを設定する

編集が終わったら「保存」して「終了」しましょう。

各ページを設定する

該当するページを開いて編集、終わったら「保存」して「終了」します。

各ページを編集していきましょう。WordPressの経験がある方は、WordPressの「固定ページ」にあたるものを編集するとイメージするとわかりやすくなります。

Systeme.ioでブログを投稿する方法

記事の投稿方法：ブログ名＞投稿＞作成　と進みます。

「新しいブログ投稿を作成する」のポップアップに必要事項を入力しましょう。

• タイトル、簡単な説明、URLパスの入力が必須
• アイキャッチ画像とカテゴリは後で設定可能

「保存」すると投稿一覧に戻るので、投稿したい記事のタイトルをクリックして編集画面を開いて編集します。

左サイドバーにある「要素」をドラッグ・アンド・ドロップで挿入して編集できます。また、投稿編集画面の「設定」から、該当記事の検索エンジン最適化 (SEO)の設定などが行えます。

終わったら「保存」して「終了」をクリックすると投稿一覧に戻ります。

ブログのカテゴリの作成方法

まず、カテゴリを作成します。ブログの「カテゴリ」タブを開いて「作成」＞「新しいカテゴリーを作成する」に必要事項を入力するとカテゴリが出来上がります。

記事にカテゴリを設定するには、投稿記事一覧の三点リーダーから「設定」を選択すると「ブログの投稿を編集する」画面が開き、カテゴリを選択できます。

公式ヘルプ：https://help-jp.systeme.io/article/2444-details-about-the-fields-required-when-creating-a-blog-category

モバイルの設定をする

ページ、投稿とも、パソコンで作成したのとは別にモバイルでの見え方を調整する必要があります。

該当ページ・投稿を開いて、編集画面のモバイルアイコンをクリックして、モバイル用にフォントサイズや字間や行間を調整しましょう。

「複製」機能を使って時短しよう

投稿、ページとも「複製」機能があるので、ひな型を作って複製するとラクに使えます。

参考：ウェブサイト機能を使って作ったヨガインストラクターのウェブサイトとブログ

ウェブサイト機能とブログ機能を連携させて作った、ブログ有りのウェブサイトです。

本記事執筆時点の機能であり、今後変わる可能性が大きいことをおことわりしておきます。

おわりに

本記事では、Systeme.ioの無料プランでウェブサイトとブログ、リンクツリーを作る方法をお伝えしました。

無料プランでもかなりのことができますよね！

WordPressが苦手だったり、バージョンアップのタイミングをはかるのが難しかったりする場合は、Systeme.ioでウェブサイトやブログを運用するのもいいかもしれません。

まずリンクツリーを作成しましょう。構造が簡単で、ページビルダーの扱いに慣れるためにちょうどいいです。練習として気軽に作ってみましょう。

見本として作ったリンクツリーがあります。いろんな項目を詰め込んでみました。参考にしてください。

メルマガ登録については、2箇所あります。登録フォームが入っているタイプはSysteme.ioに登録していただくためのフォームです。ボタンだけのタイプは、他のサービスをお使いの場合に外部URLにリンクさせて、そちらで登録してもらうことができます。

リンクツリーを作る方法（セールスファネルの機能を使う）

いくつか作り方がありますが、最もシンプルな方法で作ってみましょう。

サイト＞セールスファネル＞作成＞カスタムを選択＞「リンクツリー」名前をつけて保存＞自動で「有効化」＝公開されているので、下書き状態にしたい場合は三点リーダーから「無効化」しておきます。

該当ファネルをクリックして開く＞ステップを追加する＞ファネルステップ を作成画面＞名前「リンクツリー」、タイプは「リンクインバイオ」、「テンプレートを選択」からテンプレートを選択します。

テンプレートを編集する前にページビルダーを使う方法を学ぶ

テンプレートを編集する前に、Systeme.ioのページビルダーについて知っておきましょう。

ページビルダーは、セクション、カラム、要素という構成で成り立っています。Elementorなどを使った経験のある方には馴染みやすいはずです。

公式のページを見てみましょう。

セクションは大きな囲み、カラムは「列」ですね。レイアウトを垂直方向（縦）に区切る「段組み」のことです。二段組みにしたいときは「2カラム」をセクションの中に挿入します。複雑なレイアウトにしたいときはカラムの中にカラムを入れることもできるので、慣れてきたら挑戦してみてください。

Systeme.ioで言う「要素」とは、あなたがページに挿入したいコンテンツの実体です。見出し、テキスト、ボタン、画像、動画などをドラッグ・アンド・ドロップして、カラムの中に入れます。

Systeme.ioのページビルダーはこのように入れ子構造になっていることを理解しておくと、編集がスムーズになります。これは、セールスファネルだけでなく、各種のページやウェブサイト、ブログでも共通する構成です。

セクション、カラム、要素を「ブロック」として保存できる

セクション、カラム、要素とも、ワンクリックで簡単に複製できます。

また、よく使うものはセクション単位か、カラム単位で保存して使い回すことができます。わかりやすい名前をつけて保存すると、「自分のブロック」というところに保存され、呼び出すことができます。

また、一元管理したいブロックは「マスターブロック」として保存することもできます。マスターブロックを変更すると、マスターブロックを埋め込んでいるすべての箇所に、変更が反映されます。私の場合、オンラインコースの冒頭の案内レクチャーや、サンキューページをマスターブロックとして登録しています。

リンクツリーのテンプレートの編集とプレビュー

では、リンクツリーのテンプレートを編集していきましょう。

Systeme.ioに限らず、テンプレートはあまりいじらない方が簡単に、そして美しくできます。

左サイドバーにある要素は何でも入れられるので、慣れてきたらアレンジしてみてください。

編集中にプレビューするには、画面上部のプレビューボタンをクリックすると、別タブでプレビューできます。

フッターを編集する

フッターにコピーライトを入れておきましょう。

コピーライト（著作権表示）の基本形式は「©＋最初の発行年＋著作権者名」です（例：© 2026 Kotoko Nakano）。Webサイトのフッターなどに記載し、無断転載防止や権利の所在を明確にする目的で使われます。

西暦は更新し続ける必要はなく、初版の年のみで問題ないと言われています。

モバイルでの見え方を確認・調整する

Systeme.ioの今の仕様では、パソコン用に調整した見え方はモバイルには反映されません。そのため、いったんパソコン用に見え方を調整した後、別途モバイルの見え方を調整する必要があります。

テンプレートを大幅に変更しなければ、モバイルに最適化されていますが、念のためモバイルボタンをクリックして確認しておくことをおすすめします。

編集が完了したらリンクツリーを公開する

編集が完了したらリンクツリーを公開しましょう。

編集画面で「保存」して「終了」すると、ファネル一覧ページに戻ります。公開するには、ファネル一覧ページに戻って「有効化」します。

完成したリンクツリーのURLをコピーしてブラウザに入力して、パソコンとモバイルで確認してみましょう。

さあ、どこに設置しますか？

設置	項目
	Facebook
	Instagram
	LinkedIn
	X（Twitter）
	Pinterest
	Threads
	YouTube

豆知識「モバイル対応クリエイターページ（ストア機能）」を使ってリンクツリーを作る方法

無料プランではセールスファネルの上限が3つなので、ファネル機能を消費したくない場合はクリエイターページ（サイト＞クリエイターページ）を使う方法もあります。

例：
https://app.kotokonakano.com/linkinbio

https://app.kotokonakano.com/store

詳細は公式ヘルプをご覧ください。

初期ドメインで制作する方はスキップしてください。

ここでは、Systeme.ioに独自ドメインを設定する方法を解説します。
このパートは任意ですので、最初から独自ドメインで運用したい方だけご覧ください。

今回は、独自ドメインの中でもサブドメインを使う方法で進めていきます。
サブドメイン運用のほうが手順がやや複雑なため、こちらを押さえておけば応用しやすいためです。

サブドメインの設定手順

サブドメインの場合の設定手順です。

サブドメイン設定の流れは次のとおりです。

サブドメインをレンタルサーバーで作成する

ここでは、サブドメインの作成手順を進めていきます。
私が利用しているのはエックスサーバーなので、エックスサーバーの画面で説明します。

まずは管理画面にログインして、「サーバー管理」に進んでください。
ご覧いただくタイミングによっては画面デザインが変わっている場合がありますが、基本的な流れは同じです。

次に、ドメイン関連メニューの中にある「サブドメイン設定」を開きます。
設定対象ドメインを先に指定してから進める方法もありますが、この手順のほうがわかりやすいと思います。

ここでは、すでに独自ドメインを取得し、エックスサーバーに紐付け済みであることを前提に進めます。
もし「ドメイン会社側とサーバー会社側の紐付け方法」がまだ不明な場合は、AIに確認するか、ドメイン・サーバー設定の学習教材で補完してから進めてください。

私の場合は、現在「kotokonakano.com」というドメインを運用しています。
今回はこのドメインにサブドメインを作成して、Systeme.ioに紐付けていきます。

対象ドメインを選択すると、すでに利用中のサブドメイン一覧が表示されます。
ここで新規作成するために、「サブドメイン設定追加」をクリックしてください。

すると、「kotokonakano.com」の前にどの文字列を追加するかを入力する画面になります。
ここには事前に決めておいた文字列を入力します。今回は例として「app」を使います。つまり、app.kotokonakano.com です。

必要であればメモ（例：Systeme.io用）も記入しておきましょう。
ドキュメントルートは、今回はデフォルトのままで進めます。

その後、「確認画面へ進む」をクリックすると、
「以下のサブドメイン設定を追加しますか？」という確認が表示されます。内容に問題がなければ追加します。
もし修正したい場合は、戻るボタンで戻って設定をやり直してください。

追加が完了したら一覧画面に戻り、サブドメインが表示されていることを確認します。
ただし、この時点では「反映待ち」と表示される場合があります。

サーバーへの反映が完了して利用可能になるまで、最大で1時間程度かかることがあります。
「反映待ち」の表示が消えてから、動作確認を行ってください。しばらく待ってから次の作業に進みましょう。

サブドメインとSysteme.ioを統合する（CNAMEの変更）

ここでは、Systeme.ioに独自ドメインを設定していきます。
現時点では、Systeme.ioで独自ドメインを設定する方法は大きく2つあります。

• ルートドメイン（トップドメイン）をそのまま設定する方法
  例：kotokonakano.com
• サブドメインを設定する方法
  例：app.kotokonakano.com

今回はサブドメインを統合する方法、つまり app.kotokonakano.com にアクセスしたときにSysteme.ioのページが表示されるようにする手順を進めます。

まず、Systeme.io側の設定です。
ダッシュボード右上の人型アイコンから「設定」に入り、左メニューの「カスタムドメイン」をクリックします。
初期状態では、初期ドメイン（例：nakanokoto.systeme.io）が表示されているはずです。

次に、右上の「ドメインを追加する」をクリックし、作成済みのサブドメインを入力して保存します。
「ドメインが正常に保存されました」という表示が出たあと、ドメインのDNS構成に関するポップアップが表示されます。

ここから、サーバー側でCNAMEを設定していきます。
CNAMEは、「このサブドメインにアクセスされたら、どこへ転送するか」を指定するための設定です。

注意点として、表示される値の末尾にドット（.）が付いている場合がありますが、コピー時にはこの末尾のドットを含めないようにしてください。

サーバーパネルでは、対象ドメインの「DNSレコード設定」から「DNSレコード追加」を開きます。
複数ドメインを管理している場合は、設定対象ドメインが正しいか必ず確認してください。

最初のCNAME設定では、次のように入力します。

• ホスト名：サブドメイン名（例：app）
• 種別：CNAME
• 内容：Systeme.io側で指定されたCNAME値（末尾ドットなし）

このとき、「Aレコードが設定されているのでCNAMEが設定できません」と表示されることがあります。
これは同じホスト名にAレコードとCNAMEを同時設定できないためです。

サブドメイン作成時に自動でAレコードが入っているケースがあるため、
今回Systeme.ioへ向けるホスト名に既存Aレコードがある場合は、一度削除してからCNAMEを追加してください。
その後、改めて同じ内容でCNAMEを登録します。

続いて、Systeme.ioの案内に従って必要な2つ目のCNAMEも追加します。
ここでも、コピー時の末尾ドットや不要な記号が混ざらないように注意してください。

「ホスト名を正しく入力してください」というエラーが出た場合は、ホスト名の末尾に余分なドットが入っていないかを確認すると解決しやすいです。

2つのCNAMEが追加できたら、DNS設定一覧で反映内容を確認します。
もし案内ポップアップを閉じてしまっても、「説明を表示する」から同じ情報を再確認できます。

DNS変更はすぐには全世界に反映されないため、反映待ち時間が発生します。
進捗確認には DNS Checker が便利です。app.kotokonakano.com のCNAMEを検索し、結果を確認してください。

表示の見方は次のとおりです。

• 緑：その地域では反映済み
• 赤（バツ）：まだ未反映

時間の経過とともに反映範囲が広がるため、必要に応じてブラウザの表示をリフレッシュしながら確認していきましょう。
以上で、サブドメインをSysteme.ioに統合するためのCNAME設定は完了です。

SSL設定：有料SSLを使用する方法

ここでは、エックスサーバーで有料SSLを使って安定運用する手順を見ていきます。
まず app.kotokonaka.com にアクセスしてみたところ、DNS反映途中だったこともあり、警告画面が表示されました。無料SSLが適用されているはずなのに警告が出る、という状況です。

実際、タイミングによってはリフレッシュ後に接続できることもありました。
ただ、私の運用環境では複数サブドメインを使っていて、school.kotokonaka.com では証明書失効が発生していました。

エックスサーバーの無料独自SSLは、環境によっては定期的な更新対応が必要になります。
さらに今回は、CNAMEでエックスサーバー外（Systeme.io側）へ向ける構成にしているため、更新タイミングの読みづらさもありました。
そのため、今回は有料SSLで解決する方針にしています。

エックスサーバーには有料SSLプランがあり、エックスサーバーSSL として月額880円から利用できます。手順としては、エックスサーバーアカウントから「追加申し込み」を選び、「SSL証明書追加申し込み」へ進みます。

証明書申込画面では、最も安価なクラウドSSL（例：880円）を選択し、契約期間を指定します。
「独自IPアドレス」については、基本的には不要なケースが多いです。

画面下部には重要な注意事項があり、
SSL証明書のツーウェイ利用に関して、Common Nameの扱い（WWWドメイン名の指定）について案内があります。
この部分は見落としやすいので、必ず確認してから進めてください。

利用規約・個人情報の取り扱いを確認してチェックを入れ、
「お申し込み内容の確認と支払いへ進む」に進みます。

ここで「どのドメインを指定するのか」が画面に出ない場合があります。
私もその点で確認しましたが、エックスサーバーマニュアル上は次の流れです。

1. 先に支払いを完了する
2. その後、取得申請に関する案内メールが届く
3. メール案内に沿って、Common Name（適用ドメイン）を具体的に申請する

つまり、ドメイン指定は支払い後の工程で行う形です。

支払いはクレジットカードで進めます。
登録済みカードがあればそれを利用できます。
なお、支払い後の返金不可に関する注意は事前に確認しておいてください。

もう一点、申し込み前の重要事項があります。
独自SSL申請前に、独自ドメインのメールアドレスを作成しておく必要があります。
未作成の場合は、先にメールアドレスを用意してから申し込んでください。

私の場合は、クレジットカード認証時にワンタイムパスワードがスマートフォンへ送信されました。
そのコードを入力して決済を完了し、次の画面へ進みました。

CNAMEを変更したらステータスが変化する

app.kotokonagano.comという、サブドメインを入力したら、Systeme.ioの画面に飛ぶようになりました。 つまりCNAMEが反映されました。

じゃあこのとき、Systeme.ioの管理画面はどんな表示になるのか。 

最初は認証保留中となっていますね。 ブラウザをリフレッシュしたら変わるかを見てみると、「使用する準備が完了しています」に変わっています。まだ確定ではないんだけれど、一応つながったよというふうになると、このようにステータスが変わります。

SSL証明書のコモンネーム設定を行う

ここでは、SSL証明書の契約後に行うコモンネーム設定について進めていきます。
まず「取得申請」をクリックします。

すると、コモンネーム設定画面が表示されます。
「対象サーバID」は、エックスサーバー内のどのサーバを対象にするかを選ぶ項目です。私の場合は契約が1つなので、そのまま表示されているものを選択します。

次に、コモンネームの選択です。
ここには、エックスサーバーに登録しているドメイン一覧が表示され、各ドメインについて www あり・なしの両方が選べるようになっています。
今回は kotokonakano.com に対してSSL証明書を発行したいので、www 付きのほうを選びます。

続いて、CSR情報を入力します。
国名（Japan）に加えて、都道府県、市区町村、組織名、部署名などを入力します。
個人申し込みで部署名がない場合は、案内に従って入力してください。

入力後、画面下の注意事項も確認します。
コモンネームについては「www あり・なし両方でSSL接続を使いたい場合は www 付きで申し込む」という案内があるので、ここは必ず再確認しておきましょう。

なお、コモンネーム選択欄をスクロールするとサブドメインも表示されます。
この点は事前に確認したのですが、エックスサーバーでは、基本的にサブドメインごとに証明書を発行する運用になります。

いわゆるワイルドカード証明書（*. を使って複数サブドメインを包括する方式）については、
対象プランや条件が異なり、今回の構成ではそのまま一括適用できる形ではありませんでした。
そのため、作成済みのサブドメイン単位で設定していく必要があります。

同一ドメイン内の複数サブドメインを1枚でカバーできる上位プランもありますが、
費用は高め（目安として1万円以上）になるため、予算と運用方針に合わせて選ぶ形になります。

私の場合はすでに申し込みを進めていたため、今回はトップドメイン側を指定し、
Systeme.ioで使っているサブドメイン（app.kotokonakano.com）は、ひとまず無料独自SSLのままで運用する判断にしました。

ここまで設定したら、次の確認画面へ進みます。
確認画面では、プラン（ブランドクラウドSSL）、コモンネーム、対象サーバーID、CSR情報が表示されます。

認証方法は DNS認証 のままで問題ないので、「取得申請をする」をクリックしてください。

申請後は「お客様でのお手続きは完了です。弊社にてインストール作業を行います」という案内が表示され、完了後は登録メールアドレス宛に通知が届きます。

契約管理ページのトップへ戻ると、「SSL証明書 コモンネームなし」だった表示が、指定した www.kotokonakano.com に変わります。
ステータスは「申請中」となり、「申請状況確認」を開くと「SSL証明書をインストール中です」と表示されます。

つまり、Systeme.ioをサブドメインではなくルートドメイン（例：◯◯.com や ◯◯.net）で運用する場合は、この流れで有料SSL証明書を発行できます。

初期ドメインから独自ドメインに切り替える方法と注意点

ここでは、初期ドメインから独自ドメインへ切り替える方法と注意点を解説します。
私の場合は app.kotokonaka.com という独自ドメインを設定し、使用準備完了の状態になっています。

この状態で app.kotokonaka.com にアクセスすると、Systeme.ioには接続できているものの、404（ページが見つからない）と表示されることがあります。
これは、まだ初期ドメイン側（例：nakanokotoko.systeme.io）がデフォルトで稼働しているためです。

切り替え手順は次のとおりです。

1. カスタムドメイン一覧で、現在緑のチェックが付いている稼働中ドメインを確認する
2. 切り替えたい独自ドメインの三点リーダーを開く
3. 「ドメインをデフォルトとしてマークする」をクリックする
4. 確認ダイアログで「確認」をクリックする

これでデフォルトドメインの切り替え自体は完了します。
ただし、URL直下にページ設定がない場合は、切り替え後でも404表示のままになることがあります。

その場合は、実際に運用しているコンテンツ側で確認します。
たとえばコースを作成済みであれば、コース設定のドメインを初期ドメインから独自ドメインへ変更し、保存します。

その上でコースリンクを開くと、app.kotokonaka.com/school/course/… のように独自ドメインで表示されることを確認できます。

ログイン画面も同様に、独自ドメイン側のURLへ切り替わります。

言語設定によっては /english などが表示されることがありますが、日本語設定では jp/login の形になります。

このように、どのドメインを使うかは切り替えできますが、注意点があります。

初期ドメインでコースを多く作成済みの場合、各コース設定でドメインを個別に選び直す必要があります。

また、ドメインを変更するとURLが変わるため、すでに初期ドメインURLで受講生へ案内している場合は、案内の更新が必要です。受講者側の導線や認証情報の扱いにも影響が出るため、事前に周知しておくことをおすすめします。

そのため、独自ドメイン運用にする場合は、できるだけ初期段階で切り替えておくのが安全です。

以上で、初期ドメインから独自ドメインへの切り替え手順の説明は完了です。

ルートドメインの場合

ルートドメインの場合は、サブドメイン作成の部分を除いて、同じ手順で行なってください。

ツールの問題ではなくて、その前に解決すべき問題があります。

私はオンラインコースビジネスを応援しているんですけれど、コースとか、PDFとか、自分のセッションとかを、商品は作った、だけどなかなかその販売の仕組みが作れないっていうご相談を受けるんですね。

「中野さん、どのツールを使ったらいいですか」っていう風に聞かれるんですけれども、ツールの問題じゃないことが多いです。

行き詰まる人というのは、共通点があります。それは何かと言うと、販売の流れが頭の中に入っていないということなんですね。

ゴールから逆算して「販売の流れ」を組み立てる

例えば、商品を作りました。そして、それをお客様に納品します。そこから、逆算で組み立てていくんですね。

その商品がお客様に届くっていうところが、ゴール地点だとします。そしたらその手前に「納品」っていうタスクがあるわけですよね。で、納品する。納品の前は購入・決済が完了するというところがあります。決済の前には販売、セールスっていうところがあります。

その前には、多分いきなり売るわけじゃないので、お客様のメールアドレスとかLINEの登録、連絡先をいただくという段階がありますよね。リスト取りとか言われるところですよね。

そこをやんなきゃいけない。LINEでやるのかメールでやるのかで、LINEで一旦軽く登録してもらって、そこからメールアドレスいただいて、そのメールアドレスに対して、こういう商品がありますっていうお知らせを届ける。メールが必要ですよね。

すると、そのメールアドレスを登録してもらうためのLPが必要ですよね。「LPあります」って言って登録してもらえないので、何がしか登録してもらうための無料プレゼントコンテンツとかメール講座とかが必要ですよね。

LPにはお名前とメールアドレスを入力する欄が必要でだし、登録してもらったらすぐに自動返信メールで「ご登録ありがとうございます」というのと「この無料プレゼントコンテンツのダウンロードURL」を送らなきゃいけない。

そこからやっとセールスレターへご案内していく、メールを送っていくというふうに、その一連の流れをご自身ではどこかで体験してるはずなんですね。

自分の体験を振り返り、他社の構成を真似する

自分の商品を売ろうというところまで来ている方は、ご自身でも何かに登録してみたとか、登録してお勧めされたものを買ってみたという経験があるはずなんです。それをよくよく思い出してください。それは全部、一連の流れとして設計されています。

だから「LPが作れないです」っていう人がいますが、それはツールのせいではないんです。LPにどんな要素が必要かな？っていうことを思い出していないんですね。

いろんなLPとか探しに行くといいです。広告があったら広告クリックしてみると、そこには無料の登録のLPとか、あるいはいきなり売る場合もありますけど、どういう構成になってるかを見たらそれを真似すればいいので、積極的に登録したり購入するのがおすすめです。そういう経験値を貯めた上で、自分のツールの枠組みで、この要素が必要だなっていうことを組み立てていく。

そして登録したら、「登録ありがとうございます」っていうメールが届くはずなんですよね。そのメールの中に何が書いてあるかな、ダウンロードリンクがあるのかなとか、2通目でくるのかなとかいうことを体験してメモしていくと、その設計ってそんなに難しいものじゃないので、組み立ての順番が分かります。

まずはノートに手順をすべて書き出してみよう

この順番が頭に入っていないと、どんなに簡単な、どんなに優れたツールを用意されても組み立てができないんですね。

だからよく、すごい高額な優れたツールを契約したんだけれども、LPが作れませんという人がいらっしゃるんですね。作れないわけじゃないんです。作れないんじゃなくて、その構成とか設計が多分ふわっとしてしまっている、あやふやになってると組み立てていけないので。

紙に流れを書けるように一旦やってみてください。私も最初は全部手順を書いていたんですよ。ノートにバーッと書き出して、ここで決済が必要だから、ここにクレジットカード決済してもらう。それから決済が終わったらこのメールを飛ばすとか、全部その手順をノートに書き出して。これ終わった、これ終わったっていう風に組み立てていかないとできなかったんですね。

みんな最初はそうだと思います。だから、チェックリストみたいなのがそのうち自分の中でできていくんですけれども、それができないうちは一旦何か体験をしてみましょう。「登録した」、LPとかもスクショを取っておいたら分かるので、「何を入力して」、「そうしたらこういうメールが来た」、「ダウンロードリンクはこうなってた」。

「その後どういうメールが来るのか」、あるいは「来ないのか」、「ただメルマガが来るだけなのか」。たまにセールスがあると思いますので、「販売ページを見に行って」、販売ページも保存して「どんな風に組み立てるのかな」ていうことを、一旦書けるようにしておく。それから実装ですね。

基本的な機能はどのツールも同じ。まずは設計から

だから、「LPが作れないです」とか「ツールが合わないです」は、もちろん合う・合わないはあります。その業種業態によっても合うツール・合わないツールがあるので完璧なツールはないのでね。

相性とか自分に、あるいはお客様に合うツールっていうのがあります。顧客層によってはこの見た目では買ってもらえないとか、この見た目のほうが買ってもらいやすいとかがあるので、そこは選ぶとしても、基本的な機能はどのツールもみんな同じなんですね。

それが使えないとしたら、ご自身の設計が多分あやふやになっているということではないかと思います。

じゃあどうしたらいいかと言うと、YouTubeとかインスタとかFacebookとかいろんな広告が出ていますよね。あの広告に登録してみて一連の流れをメモしていくというのがおすすめです。私も未だにこまめにやっています！

オールインワンツールは、文字通り、ログインしたところにすべての機能が入っているので、慣れるまで何がどこにあるかがわかりづらい面があります。

まずはログインしたら、上部のメニューを見てみましょう。ここでは現時点での配置をご紹介しますが、ご覧になるタイミングによっては配置が変わっていたり、メニューの名前が変わっていたりするかもしれません。

• ダッシュボード
• CRM
• サイト
• メール
• SMS
• 自動化
• アセット
• 売上
• ヘルプ
• 自分のアイコン

Systeme.ioはオールインワンツールで、ログインするとすべての機能が一か所に集まっています。慣れるまでは何がどこにあるか分かりづらいため、まず上部メニューの構成を把握するところから始めましょう。

ログイン後の画面

ログインすると最初にメインダッシュボードが表示されます。使い始めの段階では、新規リード（登録者数）はゼロ、売上も空の状態です。

上部メニューには以下の項目が並んでいます。

ダッシュボード／CRM／サイト／メール／SMS／自動化／アセット／売上／ヘルプ／アカウントアイコン

ダッシュボード

メインダッシュボードでは、新規登録者数・過去31日間の売上・最新の登録者情報・売上の発生日時などを確認できます。

ダッシュボードにはさらに以下の2つのサブメニューがあります。

アフィリエイトダッシュボード：Systeme.ioのアフィリエイトで獲得したコミッションや支払い状況を確認できます。

受講生のダッシュボード：自分のアカウントで受講しているコースやスクールにアクセスする機能です。公式認定プログラムなどを受講している場合はここから確認できます。

CRM（顧客管理）

顧客管理に関する機能がまとまっています。

コンタクト：Systeme.ioにおける登録者リストです。購入者・未購入者を問わず、メールアドレスを基軸に管理します。いわゆるメルマガ読者リストに相当します。

タグ：顧客を識別・分類するための機能で、自動化において特に重要な役割を果たします。「購入者タグをつける」「特定のタグがついている人にだけメールを送る」といった使い方をします。

パイプライン：セールスの進捗を管理する機能です。「新規見込み客→初回コンタクト→提案の送付→交渉→契約成立／不成立」といったステージを設定し、どのお客様がどのフェーズにいるかを管理します。高額のコンサルティング販売など、複数ステップのセールスプロセスがある場合に活用できます。

カレンダー：コーチング・コンサルティング・占い・グループレッスンなど、面談や予約が発生するサービスに使用します。ここで「イベント」（予約メニュー）を作成することで、予約受付が可能になります。

サイト

サイト関連の機能として、ウェブサイト・セールスファネル・クリエイターページ・ブログの4つが並んでいます。

ウェブサイト：比較的新しい機能（収録時点の約3か月前にリリース）で、静的な情報を扱うページを作成できます。トップページ・自己紹介ページ・サービス一覧・Q&A・お申し込みページなど、一般的なホームページの構成を作ることが可能です。カレンダーで作成したイベントの埋め込みや、CalendlyやZOOM等の外部サービスの埋め込みコードにも対応しています。なお、お問い合わせフォームは収録時点ではウェブサイト機能上では稼働しておらず、ブログ機能またはセールスファネル機能でのみ有効です。また、ブログ機能との連携も現時点では課題が残っています。今後さらに機能改善が予定されているため、仕様は流動的です。

セールスファネル：販売導線となるファネルページを作成する機能です。

クリエイターページ：Linktreeのようなリンクまとめページを作成できる機能です。SNSアイコンの配置、無料プレゼントのダウンロードリンク、有料コースの販売ページへのリンク、メルマガ登録フォームの設置などが可能です。「ストア機能」とも呼ばれており、ヘルプを参照する際はどちらの用語でも検索できます。

ブログ：本記事で主に扱うブログ作成機能です。

メール

ニュースレター：一般的な一斉送信メールの管理画面です。

キャンペーン：一般的にいうステップメール（シーケンスメール）の管理画面です。

統計：開封率・クリック率・バウンス率（送信エラーで戻ってきた割合）などのメール配信データを確認できます。

SMS

ショートメッセージ（SMS）の送信機能も備わっています。

自動化

自動化のルールやワークフローを設定・管理する機能です。タグの付与やメール送信など、様々なアクションを条件に応じて自動実行できます。

アセット

アセットには以下のコンテンツ・商品管理機能が含まれています。

有形商品：物理的な商品の登録・管理を行います。

クーポン：割引クーポンの作成・管理ができます。

コース：オンラインコースの作成・提供が可能です。

コミュニティ：コミュニティ機能の管理ができます。

ファイル：各種ファイルの管理もアセットから行います。

これらの詳細な使い方については別の記事で改めてご案内します。

売上

売上に関する情報は用途ごとに以下のサブメニューに分かれています。

注文：注文が入った際の管理画面です。主に有形商品の注文管理に使用します。

取引：オンラインで無形商品・無形サービスを販売した場合の取引履歴がここに記録されます。売上の確認や返金履歴の管理もここで行います。

サブスクリプション：サブスクリプション形式のサービスを提供している場合、その管理画面がここにあります。

アフィリエイト・請求書：自分のアフィリエイトプログラムの管理など、売上に関わるその他の情報もこのメニューから確認できます。

ヘルプ

ヘルプページ：キーワード検索で目的の情報を素早く調べることができます。日常的な疑問の多くはここで解決できます。

動画チュートリアル：Systeme.ioの使い方を解説した講座動画が掲載されています。

カスタマーサポートへの問い合わせ：ヘルプページ内の「さらにサポートが必要ですか？」からサポートチームに個別の質問を送ることができます。

アカウント設定

上部メニュー右端のアイコンをマウスオーバーすると、設定の項目が表示されます。設定画面ではできることが非常に多岐にわたるため、詳細については別途ご紹介します。

以上が、Systeme.ioの上部メニューの概要です。

Systeme.ioの各種設定から見る

上部メニュー以外の設定項目は、自分のアイコンから「アカウント」、「設定」に進んだ画面にあります。

Systeme.io 初期設定・詳細ガイド

アカウント作成後に行うべき、Systeme.io の基本設定および詳細設定について解説します。設定は、画面右上の「プロフィール（人型アイコン）」から「設定」を選択して行います。

1. アカウントの基本設定（タイムゾーン・形式）

左メニューの「アカウント」から、以下の項目を日本向けに最適化しましょう。

• タイムゾーン： デフォルトではフランス（Paris）になっているため、「Japan Time (Tokyo)」に変更します。
• 日付・時間形式： 任意の見やすい形式を選択します（例：Day/Month/Year や AM/PM 表示など）。 設定後、「保存」ボタンを必ずクリックしてください。

2. 料金プランの確認と支払い設定

• 現在のプラン： 現在利用中のプラン内容の確認や、上位プランへのアップグレードが可能です。
• 支払いゲートウェイ： 商品販売時の売上受取先を設定します。日本国内での利用であれば、Stripe もしくは PayPal との連携が一般的です。

3. 配送とドメインの設定

• 配送設定： 有形商品を扱う場合、配送に関する設定を有効にできます。
• カスタムドメイン： デフォルトでは「アカウント名.systeme.io」というサブドメインが付与されていますが、独自ドメインを追加して運用することも可能です。また、ここでは以下の詳細設定も行えます。
  • ログインページや 404 エラーページの編集
  • ファビコン（サイトアイコン）のアップロード
  • ReCAPTCHA（スパム対策）や Facebook コンバージョン API の連携

4. 外部サービス連携と通知設定

• 統合（連携）： Zoom、Google Meet、Google スプレッドシート、Google カレンダー、ActiveCampaign といった外部ツールとネイティブに連携できます。
• 通知： コミュニティのコメント通知、売上通知、アフィリエイト報酬に関するメール通知のオン／オフを細かく設定できます。

5. セキュリティ

• セキュリティ： アカウントの安全性を高めるため、二段階認証（2FA）の設定を行うことができます。

Systeme.io を本格的に運用する前に、これらの設定を自身のビジネススタイルに合わせて最適化しておくことをお勧めします。

余談ですが、カスタムドメインの箇所に404ページのカスタマイズやファビコンの挿入など詳細な設定項目があります。

Systeme.ioでファビコンやロゴを設定する

ここでは、Systeme.ioでファビコンとロゴを設定する方法を見ていきます。

Systeme.ioでは、初期状態のままだと、ブラウザタブにSysteme.ioの「S」マークがファビコンとして表示されます。これを自分のブランドに合わせた表示に変えていきましょう。

設定場所は、画面右上の人型アイコンの「設定」から入ります。
そこから「カスタムドメイン」を開いてください。

おそらく、登録直後のアカウントでは初期ドメインのみが表示されていると思います。
その初期ドメインの右側にある三点リーダーをクリックし、「設定」に進みます。すると、そのドメインに対する各種設定画面が表示されます。

まずはファビコンの設定です。
ファビコン欄に画像をアップロードします。あわせて、ロゴ画像もアップロードできますので、ここで一緒に設定しておくとよいです。

この画面では、ファビコンとロゴ以外にも、次のような項目を編集できます。

• ログインページの設定
• 404ページ（エラーページ）として表示するページの設定
• reCAPTCHAの設定
• FacebookコンバージョンAPIの設定
• お問い合わせフォーム通知の受信メールアドレス設定
  （管理者ログイン用メールアドレスとは別のアドレスを指定したい場合に利用します）

ファビコンとロゴのアップロードが終わったら、画面を下までスクロールして「保存」をクリックしてください。
保存後、反映まで少し時間がかかる場合があります。

Systeme.ioにアクセスしてアカウントを作成します。Systeme.ioのアカウントは次のURLから作成できます。

「無料トライアル」から登録できます。現時点では、無料プランが無期限で提供されています。無料プランの登録にクレジットカードは不要です。

ログイン情報は事前に記入したものを使いましょう。

Systeme.ioにログインする

Systeme.io の無料アカウント登録・初期設定ガイド

Systeme.io の無料アカウントを取得し、初期設定を行う手順を解説します。

1. メールアドレスの登録

公式サイトの「無料のアカウントを取得する」または料金プラン内の「無料で始める」をクリックします。メールアドレスの入力フォームが表示されるので、登録したいアドレスを入力し、送信してください。

2. メールアドレスの認証

登録したアドレス宛に確認メールが届きます。本文内の確認リンクをクリックして、認証を完了させてください。

3. パスワードの設定とプロフィールの入力

認証リンクをクリックすると、パスワード設定画面が表示されます。 画面が英語で表示される場合は、画面右上にある言語設定メニュー（EN）から「日本語（JP）」を選択すると日本語表示に切り替わります。 ここで氏名（ファーストネーム・ラストネーム）とパスワードを設定し、「保存」をクリックします。

4. ダッシュボードへのログインと言語設定

保存が完了すると、自動的に管理画面（ダッシュボード）にログインします。 ダッシュボード内の表示が英語になっている場合は、再度画面右上のメニューから「日本語」に切り替えてください。

5. 管理画面のメニュー構成

日本語化されたダッシュボードでは、以下の主要メニューを確認できます。

• ダッシュボード： 全体の統計や最新情報の確認
• CRM： コンタクト（顧客リスト）やタグの管理
• サイト： ブログ、セールスファネル、デジタルストアの構築
• Eメール： ニュースレター、メールキャンペーンの作成
• 自動化： ワークフローや自動化ルールの設定
• アセット： 有形商品、コース、コミュニティ、クーポンの管理
• 売り上げ： 注文、サブスクリプション、アフィリエイト報酬の確認

ここまでで、Systeme.io を利用する準備が整いました。

Systeme.ioのアカウントのログイン情報を準備する

ホームページ兼ブログのドメインを決める

ブログの運用場所を決める

Systeme.ioの問い合わせフォームを使うかどうかを決める

リンクツリー用の情報を準備する

あなたがリンクツリーに載せたい情報は何でしょうか？

デフォルトテンプレートに用意されている項目は次の通りです。

これらはあくまで参考です。項目は自由にカスタマイズでき、増減も可能です。 

リンクツリーはリンク集なので、掲載したい項目のURLを事前に整理しておく必要があります。以下を参考に、該当するURLを書き出しておきましょう。 

基本項目：ウェブサイト、ブログ、自己紹介ページ、ポートフォリオ、お問い合わせフォームなど

SNS：各SNSのプロフィールURL

その他（該当するもの）：ショップ（minne / CREEMA / BASE / Shopifyなど） 体験レッスン申し込みページ LINE登録URL 有料note その他、載せたいページ

URLの書き出しが完了したら、いよいよ制作に入ります。

SNS

その他

フォーム項目の設定方法

実際にオプトインファネル（リスト構築用のページ）を例に説明します。
オプトインページでは、ユーザーのメールアドレスをいただくことが主な目的となります。

1. 編集画面で、設定したいフォーム項目（フィールド）をクリックします。
2. 画面左側のサイドバーに、そのフィールドの設定メニューが表示されます。

「必須」と「任意」の切り替え

サイドバーの設定項目の中に、「任意（Any）」というチェックボックスがあります。

• 必須にする場合： 「任意」のチェックを外します。
• 任意にする場合： 「任意」にチェックを入れます。

「任意」にチェックを入れると、ユーザーはその項目を入力しなくてもフォームを送信（ボタンをクリック）できるようになります。逆に、チェックを外して必須に設定すると、未入力の状態では送信ボタンが反応しない仕様になっています。

入力項目と離脱率の関係について

項目の設定自体は非常に簡単ですが、運用面で考慮すべき点があります。

一般的に、入力項目が多くなればなるほど、ユーザーは「面倒くさい」と感じて離脱しやすくなります。

例えば、新しく「都道府県」という項目を追加したとします。これを「必須」にすると、ユーザーの手間が増えます。もし情報として絶対に必要なものでなければ、「任意」に設定するか、あるいは項目自体を削除することを検討しましょう。

メールアドレスと名前、どちらを優先すべきか？

私の経験上、最もシンプルなのは「メールアドレスのみ」のフォームです。登録のハードルが低いため、最も多くのアドレスを獲得できます。

一方で、私は現在「姓・名・メールアドレス」の3つを必須項目にしています。
あえて名前の入力を必須にすることで、後のメルマガ配信などで親近感のあるコミュニケーションを取りやすくするためです。「名前を入力してでも登録したい」と思ってくれる、意欲の高い方に絞っていただくという考え方もあります。

最初から多くのアドレスを集めたい場合はメールアドレスのみ（または名前を任意）、質の高いリストを作りたい場合は名前を必須にするなど、目的に合わせて使い分けてみてください。

設定方法は非常にシンプルですので、ぜひご自身の戦略に合わせて試してみてくださいね。それでは、また別の動画でお会いしましょう。

今回は、Udemyの受講生の方からいただいた「systeme.ioでポップアップを設置した際、他のファネルステップに引き継がれず不便である」というご質問にお答えします。

systeme.ioの標準機能では、ページごとにポップアップを作成する必要がありますが、「ブロック機能」を活用することで、デザインやフォーム設定を簡単に使い回すことができます。その具体的な手順をご紹介します。

1. ポップアップの作成とカスタマイズ

まずは、ベースとなるポップアップを作成します。

1. ファネル編集画面の左上にある「ポップアップ」をクリックします。
2. デフォルトのテンプレートが表示されるので、内容を編集します。

• 例：タイトルを「無料E-bookはこちら」に変更。
• ボタンの色やテキストを調整。

1. フォーム項目の追加：

• メールアドレスだけでなく名前も取得したい場合は、左メニューから「フォーム入力」を追加し、入力タイプを「名（First Name）」などに設定します。各項目は「必須」にしておくのがおすすめです。

1. ボタンのアクション設定：

• ボタンをクリックした際の動作を「フォームを送信」に設定し、リダイレクト先を「次のステップへ」または「サンキューページ」などのカスタムURLに指定します。

2. デザインを「ブロック」として保存する

ここが今回のポイントです。作り込んだポップアップの内容を、他のページでも呼び出せるように「ブロック」として登録します。

1. 編集画面の最上部にあるパンくずリストから「行」（またはフォームを囲んでいる枠）を選択します。
2. 枠が青く囲まれた状態で、左メニューにある「保存（ディスクアイコン）」をクリックします。
3. ブロック作成画面でタイトルを入力します（例：「ポップアップ01」）。

• ※「マスターブロックを作成しますか？」にチェックを入れると、1箇所編集すれば全てのページに反映されます。ページごとに少しずつ内容を変えたい場合は、チェックを入れずに保存します。

保存ができたら、一旦このページの編集を完了します。

3. 保存したブロックを他のページで呼び出す

次に、別のページ（例：利用規約ページなど）に、先ほど保存したポップアップを設置します。

1. 設置したいページの編集画面を開き、左上の「ポップアップ」→「ポップアップを追加」をクリックします。
2. デフォルトのテンプレートが表示されますが、これを使用せずに左メニューの「ブロック」→「自分のブロック」を選択します。
3. 先ほど保存した「ポップアップ01」を、ポップアップの枠内へドラッグ＆ドロップします。
4. もともとあったデフォルトの要素（行やテキストなど）を削除し、保存したブロックだけが残るように調整します。

これで、デザインやフォーム設定が全く同じポップアップが別のページにも設置されました。

4. ページごとの微調整と注意点

デザインはブロックで引き継げますが、「ポップアップ自体の設定」はページごとに確認が必要です。

• 表示のタイミング： ページ読み込みから何秒後に表示するか（例：5秒後など）。
• 閉じるボタン： 閉じるボタンを表示するかどうかのオン／オフ。
• モバイル表示： モバイルでの見え方に問題がないか確認し、必要に応じて設定を調整してください。

まとめ

systeme.ioの「ブロック機能」は、ポップアップだけでなく、セクションや行など、あらゆる単位でデザインを保存し、他のページやファネルで再利用することができます。

一度作り込んだフォームやデザインを何度も作り直す手間を省けるため、非常に便利な機能です。ぜひ活用して、効率的なページ制作を行ってください。

それでは、また別の動画でお会いしましょう。

そしてSysteme.ioでブログを運用するかどうかということと、Systeme.ioの問い合わせフォームを使うかどうかということです。 この後詳しくご説明してまいります。

• ホームページ兼ブログのドメインはどうしますか？
• Systeme.ioでブログを運用するかどうか
• Systeme.ioの問い合わせフォームを使うかどうか

ホームページ兼ブログのドメインをどうするかを決める

ホームページ兼ブログのドメインを決めます。 初期ドメインを使う場合は特に行うことはありません。

独自ドメインをお使いになる方は、ルートドメインの場合はここに、そしてサブドメインの場合はここに、こういうサブドメインを使うということを入力しておかれるとスムーズです。

初期ドメイン：Systeme.ioのアカウント名が入ったURL

追加費用なし

例：https://ayatori.systeme.io/

独自ドメイン：空いているルートドメインがある、またはサブドメインを作成できる、かつレンタルサーバーを契約している

例：ルートドメインで作成：https://kotokonakano.com/

例：サブドメインで作成：https://app.kotokonakano.com

ホームページ兼ブログのドメイン、どうする？

	ドメインの種類
	初期ドメイン（https://アカウント名Systeme.io/）
	独自ドメイン（ルートドメイン）
	独自ドメイン（サブドメイン）

Systeme.ioでブログを運用するかどうかを決める

事前準備の2つ目は、ブログをどこで運用するかを決めることです。

Systeme.ioのブログ機能を使う場合

Systeme.ioには標準でブログ機能が備わっています。タイトル、パンくずリスト、アイキャッチ画像、見出し、本文といった基本的な構成をSysteme.ioの機能だけで作成できます。

既存のブログ（note・アメブロなど）を使い続ける場合

すでにnoteやアメブロなどで運用中のブログがある場合、移行せずそのまま使い続けることも可能です。その場合は、Webサイトのヘッダーメニューからそのブログへの外部リンクを設定することで連携できます。

すでにアクセスが集まっているブログがあるなら、無理に移行せず外部リンクでの連携で十分です。

事前に決めておくべき理由

「Systeme.ioで運用する」か「外部ブログと連携する」か、今のうちに決めておきましょう。実装の段階で改めて考える手間が省け、スムーズに作業を進められます。

• Systeme.ioのブログ機能を使う
  • 例：https://ayatori.systeme.io/why-i-do-online-business
• 他のサービスでブログを運用する：note、アメブロ等（リンク先URLをメモして、ボタンかテキストリンクから飛ばす）

既に運用中のブログがある場合は、ホームページのメニュー（ヘッダー）にURLを入れて外部リンクとして連携させることもできます。

ブログの運用場所、どうする？

	ブログの運用場所
	Systeme.ioのブログ機能を使う
	他のサービスでブログを運用する

Systeme.ioの問い合わせフォームを使うかどうかを決める

Systeme.ioの問い合わせフォームを使うかどうかを決めましょう。

• Systeme.ioの問い合わせフォーム機能を使う
• Googleフォームなど、他のフォームで運用する：リンク先URLをメモしてボタンかテキストリンクから飛ばす、または埋め込む

既に運用中の問い合わせフォームがある場合は、ホームページのメニュー（ヘッダー）にURLを入れて外部リンクとして連携させることができます。

Systeme.ioの問い合わせフォームには現時点で一つ、難点があります。それは、問い合わせの内容がSysteme.ioの中に蓄積されないこと。問い合わせがあると、Systeme.ioで登録しているメールアドレス宛に、お問い合わせ内容がメールで届きます。メールでしか残らないのが私にとっては少々不安。なので、私は外部のフォームサービスに飛ばしたり、Systeme.ioで作った問い合わせページにGoogleフォームを埋め込むのもいいかなと思います。

Systeme.ioの問い合わせフォームを使う？外部サービスにする？

	問い合わせフォーム
	Systeme.ioの問い合わせ機能を使う（特に行うことはなし）
	他のサービスでフォームを運用する