最新のSeedProdニュース

ビジネス成長を支援するWordPressチュートリアル、ヒント、リソース

驚くべきアニメーション効果とStripe支払い

驚異的なアニメーション効果とStripe決済ボタンの紹介

執筆者: 著者アバター ステイシー・コリン
著者アバター Stacey Corrin
Stacey Corrinは、WordPress、SEO、デジタルマーケティングに関する執筆経験15年以上の認定コンテンツマーケティングおよび検索スペシャリストです。彼女はSeedProdとRafflePressのコンテンツを管理しており、自身が積極的に使用しテストしているツールや戦略を取り上げています。
    
レビュー担当者: レビュアーアバター ターナー ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同創設者です。彼は20年以上のビジネスおよび開発経験を持ち、彼のプラグインは2500万回以上ダウンロードされています。

SeedProdでは、WordPressサイトのカスタマイズを可能な限り簡単に行えるようにすることを主な目標の一つとしています。この点を念頭に、コードなしでサイトをより魅力的で使いやすいものにするための、エキサイティングな新機能リリースをお届けします。

本日より、ウェブサイトのあらゆる部分に目を引く効果でアニメーションを追加できるようになりました。また、Stripeで支払いを受け付けることができる新しいWordPressブロックもリリースしました。

このアップデートにより、SeedProdでの作業がこれまで以上に簡単で楽しくなります。このリリースを簡単に確認できるビデオを以下でご覧いただくか、詳細については引き続きお読みください。

WordPressテーマを簡単にアニメーション化

これまで、WordPressサイトにアニメーション効果を追加したい場合、かさばる外部のWordPressプラグインやカスタムコードを使用する必要がありました。しかし、SeedProdの新アニメーションオプションを使用すれば、Proプランをお持ちの方なら誰でも、パフォーマンスに影響を与えたり開発者を雇ったりすることなく、独自のウェブサイトをデザインするための創造性を解き放つことができます。

仕組みは次のとおりです。

  • ドラッグ&ドロップページビルダーでレイアウトを開く
  • 任意の要素をクリックする
  • 詳細設定タブを選択する
  • アニメーション効果を開く
  • アニメーションを選択する
SeedProdアニメーション効果

合計46種類のアニメーション効果により、WordPressサイトのどのページにも目を引くトランジションやアニメーションを追加できます。使い方は非常に簡単で、数回クリックするだけです。さらに、非常に魅力的であるため、エンゲージメントを高めるのに理想的です。

利用可能なさまざまなアニメーションを詳しく見てみましょう。

注意を引くアニメーション

SeedProdの「注意を引く」アニメーションは、まさにその目的のために設計されています:訪問者の足を止め、注意を引くこと。これらは、コールトゥアクションボタン、サインアップフォーム、カートに追加ボタンなどの重要なデザイン要素に訪問者の注目を集めるための優れた方法です。

SeedProd アテンションシーカーアニメーション

以下を含む18種類のアテンションシーカーアニメーションから選択できます:

  • バウンス
  • フラッシュ
  • パルス
  • ラバーバンド
  • Xにシェイク
  • Yにシェイク
  • 首振り
  • スイング
  • タダ
  • ぐらつき
  • ゼリー
  • 心臓の鼓動
  • バウンスイン
  • フリップ
  • フリップインX
  • フリップインY
  • ライトスピードインレフト
  • ライトスピードインライト

例が必要ですか?

たとえば、近日公開ページを作成していて、訪問者にメール通知への登録を促したいとします。数回のクリックで、訪問者がページに入力したとたんにサインアップフォームがバウンスするように設定でき、すぐに注意を引くことができます。

Coming Soonページ用のオプトインフォームのアニメーション

アプリを宣伝している場合はどうでしょうか?その場合、Google PlayまたはApp Storeの画像リンクをフリップアニメーションさせることで、すぐに目立ち、クリックしやすくなります。

画像へのフリップアニメーション SeedProd

スライド、フェード、ズーム、回転

より繊細なアニメーション効果をお探しなら、バックインとフェードインアニメーションが素晴らしい選択肢です。

バックインセクションでは、下、左、右、上の4つの異なるスライド効果から選択できます。4つの異なる方向からページにスライドしてくるため、画像ギャラリー、チームメンバー、サービスなどの緊急性の低いコンテンツを紹介するのに最適です。

たとえば、代理店であれば、バックイン効果を使用して、ポートフォリオに注意を優しく向けさせることができます。

ポートフォリオへのスライドアニメーション SeedProd

同様に、フェードアニメーションは、ユニークでエキサイティングな効果を作成するのに役立ちます。たとえば、ページを下にスクロールすると、ページ上のすべての要素が上にフェードするようにアニメーションさせることができます。

フェードアニメーション効果 SeedProd

ヘッダー、フッター、サイドバーの要素にもアニメーション効果を使用できます。

回転およびズーム効果はこれに最適で、ソーシャルメディアアイコン、ブログカテゴリ、ナビゲーションリンクなどの重要な情報を強調表示できます。

他のSeedProdの機能と同様に、アニメーション効果は100%モバイルレスポンシブであり、あらゆる画面サイズに適応します。ウェブサイトをカスタマイズするための無限の方法を提供し、美しいだけでなく、ウェブサイトのユーザーエクスペリエンスを大幅に向上させることもできます。

Stripeで迅速に支払いを受け取る

本日リリースされるもう1つのエキサイティングな機能は、新しいStripe支払いボタンです。無料ユーザーと有料ユーザーの両方が利用でき、StripeアカウントをSeedProdに接続し、WordPressサイトから直接支払いを受け取ることができます。

注意:トランザクションごとに3%の手数料がかかります。それに加えてStripeの手数料がかかります。

支払いボタンブロックは、WordPressの高度なブロックセクションで見つけて、ページにドラッグできます。

SeedProd Stripe決済ボタンブロック

ブロック設定を開くと、Stripeに接続ボタンをクリックして、SeedProdとStripeアカウントをリンクできます。

SeedProdをStripeアカウントに接続する

接続を承認すると、自動的にウェブサイトに戻り、支払いボタンをカスタマイズできます。支払い金額、説明、通貨を編集し、成功URLを追加できます。

Stripe決済ブロックの設定とリダイレクトオプション

成功URLは、購入後にユーザーをウェブサイトに留めておくための素晴らしい方法です。たとえば、SeedProdを使用して、顧客がチェックアウト後に表示するカスタムのお礼ページを作成できます。

Stripe決済後のリダイレクト

さらに、ボタンのスタイリングは簡単です。高度な設定をクリックするだけで、独自のタイポグラフィ、スペーシング、色、デバイスの表示オプションを選択できます。

高度な決済ボタン設定 SeedProd

Stripe決済ボタンは、小規模事業主にとって素晴らしいニュースです。オンラインストア全体を作成することなく、単一または複数の商品を簡単に販売し、シームレスに支払いを受け付けることができます。

今すぐSeedProdプラグインをアップデートしてください

これらの新機能が、私たちと同じくらいエキサイティングであることを願っています。今すぐSeedProdを最新バージョンにアップデートして、ぜひお試しください。

SeedProdプラグインを初めて使用する場合は、今がSeedProd Proを入手し、その最も強力な機能を楽しむのに最適な時期です。

これらの機能について質問がある場合は、カスタマーサポートチームにお気軽にお問い合わせください。いつでも喜んでお手伝いします。

皆様のサポート、提案、フィードバックに心より感謝いたします。ぜひお寄せください。SeedProdを最高のWordPressウェブサイトビルダーにするという私たちのコミットメントは、お客様と共に勝利を収め続けるにつれて、ますます強くなっています。

著者アバター
Stacey Corrin コンテンツマーケティングスペシャリスト
Stacey Corrinは、WordPress、SEO、デジタルマーケティングに関する執筆経験15年以上の認定コンテンツマーケティングおよび検索スペシャリストです。彼女はSeedProdとRafflePressのコンテンツを管理しており、自身が積極的に使用しテストしているツールや戦略を取り上げています。

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

[weglot_switcher]