今回は、ClickFunnelsでyouzignと連携させて、youzignで作ったバナーをClickFunnelsにダイレクトに入れていく方法をお伝えします。
今回お届けするノウハウはこちら
Step1. youzignとは
youzignを説明しておくと、Photoshop のオンライン版、Canvaのもう少し簡易的なものの位置付けです。こういうバナーをテンプレートに沿って簡単にすごくきれいに作れます。機能で少し足りないところもあるんですけれども、ツールとして紹介しておきます。
通常だったらこの画像をダウンロードして、ClickFunnelsの方にもう1回アップロードして使うという感じなんですが、ClickFunnelsと直接連携して画像を入れてSalesPageの中にこの画像を飛ばして入れていくことができるので、それをやっていきましょう。
Step2. Add New Integrationでyouzignを加える
ClickFunnelsの右上のAccount SettingsからIntegrationにいきましょう。
まずはIntegrationをAdd New Integrationでyouzignを入れてきます。そしてここの検索フィールドのところに、youと入れてください。そうするとyouzignが出てくるのでクリックします。
Integration Nicknameは何でもいいので、ご自身が分かるものにしてください。例えば、複数youzignのアカウントを作る場合は、youzign1とか2とかで識別しやすくするのも手だと思います。
Step3. youzign の Public Key と API Token で統合する
あとはPublic KeyとAPI Tokenを取っていきましょう。youzignに戻ります。そしてyouzignのTopPageに行ったらAccountのところにいきます。そうするとPublic KeyとTokenが出てくるので、これをそれぞれコピーしてClickFunnelsに入れて、Add Integrationしてください。
youzignのアカウントがClickFunnelsに追加されました。
Step4. Add New Element から youzign の画像を入れる
Funnelの中に入っていきましょう。EDIT PAGEに入ります。次にAdd New Elementで、IMAGEを入れてください。そして画像の参照のところにいくと、新しく項目が増えているはずです。youzignというのが出てきてさっきの画像を選べるようになっています。
ここで注意です。僕が1回やったことがあるんですが、youzignの方で画像を作って、すぐこっちに持ってきたいですね。でも、これはClickFunnelsの中の人に聞いたんですが、APIの仕様上、youzignの方で画像を作ってから24時間経たたないと、こっちに出てこないらしいんです。ちょっと需要的にどうなのかなというのがありますけどやってみましょう。
そしたら、選択してAdd Imageですね。
そうするとこんな感じにきれいに入りました。忘れずSaveしていきましょう。ということで今回は以上です。