ConvertKit を Elementor と統合する方法

統合する簡単な方法をお探しですか ConvertKit à Elementor ?

ConvertKit を使用していますか? ウェブサイトを作成するとともに Elementor? もしそうなら、あなたは幸運です。 Elementor ConvertKit との統合をサポートします。この統合により、購読者の電子メールを収集できるようになります。フォーム Elementor。

追加のプラグインをインストールする必要はありません。 ConvertKit アカウントを Elementor に接続するには、ConvertKit API キーが必要です。

Elementor と ConvertKit を統合できるようにするには、Elementor Pro を使用する必要があります。Elementor とサードパーティサービスの統合は、プロバージョンでしか利用できないためです (以下を参照)。 ElementorFreeとElementorPro).

以下の手順に従って、Elementor と ConvertKit を統合します。

ステップ 1: ConvertKit API キーを取得する

ConvertKit API キーを取得するには、次のサイトにアクセスしてください。 ConvertKit の Web サイトアカウントにログインします。ログインしたら、右上隅にあるユーザー名をクリックして、設定.

垂直メニューで、 高機能. API セクションで、API キーをコピーします。

API キーがコピーされたら、WordPress にログインして次の場所に移動します。 Elementor->設定 Elementor 設定ページを開きます。クリック統合、下にスクロールして、先ほどコピーした API キーをセクションに貼り付けます ConvertKit.

ボタンをクリックします API キーの検証 API キーの検証を検証します。検証が成功したら、ボタンをクリックします 変更の保存 下。

Elementor と ConvertKit が正常に統合されたら、新しいフォーム ConverKit アカウントへの電子メール購読者を収集します。これを行うには、新しいページ、投稿、またはテンプレートを作成し、Elementor で編集します。または、既存のものを変更することもできます。

新しいを作成しますフォームフォームウィジェットを編集領域にドラッグします。

ブロックで必要なフィールドを定義します フォームフィールド. 完了したら、ブロックを開きます 送信後のアクション 選択 ConvertKit.

上記のステップは、という名前の新しいブロックを作成します ConvertKit. このブロックを開き、ConvertKit アカウントにある既存のフォームを選択します。

オプションで APIキー、[カスタム] を選択し、[カスタム API キー] フィールドに API キーを貼り付けます。

フォームを選択し、選択したフォームフィールドに基づいてフィールドマッピングを設定します。フィールドにラベルを入力することもできます エチケット.

フォームの外観をカスタマイズするには、タブに移動できます形式. そこには、開くことができる XNUMX つのブロックがあり、各ブロックには異なるスタイルオプションが用意されています。

このブロックを使用すると、フォームの列と行の間のギャップ、形状ラベルのタイポグラフィ (フォントサイズ、フォントファミリ、フォントスタイル)、テキストの色、および HTML フィールドのタイポグラフィとテキストの色を設定できます。

このブロックを使用すると、フォームフィールドの外観をカスタマイズできます。テキストの色、タイポグラフィ、背景色、境界線の色、境界線の半径。

このブロックを使用すると、フォームボタンの外観をカスタマイズできます。背景色、テキスト色、タイポグラフィ、境界線の色、境界線の半径、ホバーの色、テキストの色。

このブロックを使用すると、成功メッセージ、エラーメッセージ、インラインメッセージのタイポグラフィとテキストの色をカスタマイズできます。

ボタンをクリックします 公開/更新 ページの編集が完了したら。

そう！ ConvertKit と Elementor を統合する方法を紹介しました。そこに着く方法について懸念がある場合は、以内にお知らせください commentaires.

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi：史上最高のWordPressテーマ.

...