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

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

ここで必要になるもの：

カスタムファネルの作成

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

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

新しいファネルが作成されたら、それをクリックしてファネルエディターを開き、" Create step "ボタンをクリックしてください。

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

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

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

ページ構造を理解する

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

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

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

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

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

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

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

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

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

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

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

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

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

要素の追加

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

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

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

カラー調整

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

位置調整

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