Systeme.ioを使ってカスタムページを作成する方法

この記事では、 systeme.io でカスタムページを作成する方法を学びます。

ここで必要になるもの：

systeme.io アカウント

カスタムファネルの作成

「ファネル」タブをクリックし、 「作成」 ボタンをクリックします。

ポップアップ画面でファネルに名前を付け、ファネルタイプで 「カスタム」 を選択し、 「保存」 ボタンをクリックします。



新しいファネルが作成されたら、それをクリックしてファネルエディターを開き、 「ステップを追加する」 ボタンをクリックしてください。



表示されるポップアップで、ファネルステップの名前を入力し、このファネルステップに作成するページのタイプを選択します。設定したら 「保存」 ボタンをクリックします。



利用可能なテンプレートから1つを選択し、 「ページを編集する」 ボタンをクリックして、ページエディターで修正を加えてください。



ゼロからページを作成したい場合は、 「白紙ページ」 のテンプレートを選択してください。



ページ構造を理解する



（すべてのウェブページは、3つの基本的なレイヤーで構成されています）

1.セクション(Section)：セクションはページの主要な構成要素です。最初にページに追加されます。セクションはカラムを含み、カラムの中に他のページ要素を配置します。



2.カラム(column)：カラムはページセクション内に配置され、セクションのレイアウトをカスタマイズするために使用されます。



3.要素(Element)：要素（エレメント）とは、ユーザーがページ上で見たり相互作用したりする様々な部分（ボタン、画像、リンクなど）のことです。



ページにセクション、列、要素を追加する

#1：任意のテンプレート（または白紙のページ）から始める

#2：ツールバーから「セクション」要素をドラッグ＆ドロップする

#3：好きなだけセクションを作る

#4：「設定」アイコンをクリックしてセクションを変更する

#5：背景色/画像を変更できる

#6：セクションはいくつでも追加できる

セクションを追加すると、1つの範囲のカラムが見つかります。

#7: セクション内にカラム要素をドラッグ＆ドロップで追加する





要素の追加

必要な要素をドラッグ＆ドロップして、ページをデザインしてください。要素はいくつでも追加できます。

#8: 要素ドラッグを追加し、カラムの中に要素をドロップする



高度なカスタマイズ・ツール

カラー調整

文字色や背景色を調整します。

位置調整

位置やパディング（余白）を調整します。

更新日 31/05/2025