PayPal寄付ボタンをDiviWebサイトに追加する方法

公開: 2017-06-30

お金が必要です。 多分それはあなたが志願する非営利団体、新しい子犬の養子縁組料金のためです。 または、これまでに試した中で最も快適なランニングシューズかもしれません。 理由は（ほとんど）問題ではありません。 重要なのは、あなたがあなたを愛している捕虜の聴衆がいるウェブサイトを持っているということです。 そして、彼らはあなたにその子犬を手に入れて欲しいのです。

Paypalの寄付ボタンを入力してください。これは、資金調達のための最も簡単でメンテナンスの少ないソリューションの1つである可能性があります。 また、WordPressでWebサイトを構築したので、ボタンの実装は非常に簡単です。

入門

私たちのYoutubeチャンネルを購読する

最初にすべきことは、Paypalの資金調達ページにアクセスして、ニーズに最適な寄付ボタンのカテゴリを選択することです。

  • 非営利団体
  • 学校
  • 政治的
  • 個人的

ペイパルの資金調達オプション

寄付ボタンが必要になる可能性のあるほとんどすべてが、これらのカテゴリの1つに分類されます。 このチュートリアルでは、個人的な理由で募金活動を行っていると言います（前述の素晴らしい子犬）。 プロセスはすべての選択肢で同様です。

個人を選んだ後

次のページで、「寄付ボタンの作成について学ぶ」というテキストが表示されるまで下にスクロールしてクリックします。

寄付ボタンの作成について学ぶ

これにより、これら2つのリンクのいずれかをクリックするモーダルが表示されます。 彼らはあなたを同じページに連れて行くので、それは本当に好みの問題です。

ボタンの作成

リンクをクリックして寄付ボタンを作成すると、魔法が発生するページに移動します。 ただし、Paypalはログインを要求しないことに注意してください。繰り返し：Paypalはログインを要求しません。プロセスの終わりに近づくことはできますが、この時点ではストレスを感じないでください。 –何も問題はありません。

ステップ1

Paypalの寄付ボタンを作成するために最初に行うことは、実際にはそれを「寄付」ボタンにすることです。 デフォルト設定は「ショッピングカート」ですが、ステップ1の左上にあるドロップダウンをクリックすると、「寄付」に変更できます。 私が言ったように、かなり簡単ですよね？

そのセットで、あなたは寄付ボタンのためにあなたのウェブサイトまたは組織情報を入力します。 あなたの架空の募金活動はあなたのウェブサイトを介して愛らしい子犬を養子にするので、あなたはあなたのウェブサイトの名前と各寄付を追跡するために使用するオプションのIDを記入します。

情報を入力したら、ボタンのカスタマイズを開始できます。 ほとんどの場合、変更したいことはあまりありません。 ボタンが使用する国と言語の選択、サイズ、クレジットカードのロゴを表示するかどうかなど、すべて非常に基本的なことです。 これらの選択はすべて、サイトにボタンを統合する方法に基づいています。

ボタンの作成3

たとえば、グラフィックデザイナーに、人々がクリックできるように愛らしい子犬の素晴らしいアニメーションGIFを作成してもらう場合は、自分のWebサイトでホストされている画像をボタンとして使用することもできます。 しかし、今日はそうではありません。

特定の寄付金額を指定するかどうか、および寄付を送信する電子メールを指定するかどうか、通貨の種類を選択するだけです。

Paypalアカウントをお持ちの場合は、ここからログインする必要があります。 そうでない場合は、PayPalのさまざまな保護の対象となるように作成してください。 （Paypalアカウントを使用しないことを選択した場合は、メールアドレスを入力するだけで、セキュリティを追加しなくてもPaypal経由で寄付を受け取ることができます。）

ログインすると、次のように表示されます。

どちらのオプションを使用するかはあなた次第ですが、メールアドレスがボタンコード自体に含まれないため、マーチャントコードを使用すると保護が少し強化されます。 スパマーやフィッシング詐欺師があなたの電子メールを受け取ることができる場所が少なければ少ないほど良いでしょう？

Paypalの寄付ボタンをWordPressに入れる準備がほぼ整いました。

オプションのステップ2および3

Paypal Businessアカウントをお持ちの場合は、追跡、在庫管理、チェックアウトのカスタマイズに関してかなり多くのことができますが、寄付を扱っているため、ほとんどのオプションは私たちには関係ありません。

Paypal寄付ボタンコード

次のページでは、WordPressサイトに表示される寄付ボタンのコードと、ボタンがユーザーにどのように表示されるかの例が最終的に表示されます。

[コードの選択]をクリックしてコードを強調表示し、Windowsの場合はCTRL-C、Macの場合はCMD-Cを押すか、強調表示されたテキストを右クリックしてコンテキストメニューから[コピー]を選択します。 あなたの毒を選んでください。

コードをコピーしたら、WordPressダッシュボードに移動します。 誰もがPaypalの寄付ボタンを別の場所に置きたいと思うので、これは状況が少し異なる可能性がある場所ですが、一般的な考え方は同じです。

Diviユーザーのために、私たちはあなたのためにたくさんのオプションを持っています。

投稿の上または下

ブログ投稿の最初または最後にPaypal寄付ボタンを配置するには、Diviテーマオプションに移動し、[統合]タブに移動します。

少し下にスクロールすると、「コメントの前に、「投稿の上部にコードを追加」および「投稿の下部にコードを追加」というラベルの付いたテキスト領域が表示されます。

彼らがしていることはかなり自明です。

投稿前：

投稿後：

これらは完全にスタイルが設定されていないボタンであることに注意してください。そのため、そこに座っているだけではなく、Paypalが提供するコードを次のようにラップすることをお勧めします。 

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

これが完了すると、CSSを使用して、ボタンを好きなように操作および配置できます。

投稿ごとまたはページごと

サイトのすべての投稿の前後にボタンを表示したくない場合は、Diviコードモジュールを使用することで、より多くの選択を行うことができます。 さらに、Codeモジュールを使用して、ボタンをPagesに追加できます。これは、前の方法の影響を受けません。

「モジュールの挿入」ウィンドウを開き、コードモジュールを選択して開始します。

前と同じように、Paypalが生成したコードをモジュールの設定に貼り付けるだけです。 ただし、ここでdivでラップする必要はありません。 [詳細設定]タブの[カスタムCSS]の下にある[メイン要素]セクションを使用して、投稿またはページでのボタンの表示方法を操作できます。

サイドバーで

Paypalの寄付ボタンの最も一般的な場所はおそらくサイドバーです。 必要なすべてのページと投稿に表示されますが、コンテンツの流れを妨げることはありません。 さらに、カスタマイズは非常に簡単です。 ダッシュボードに戻り、[外観]> [ウィジェット]をクリックするだけです。

次に、テキストウィジェットをクリックして、サイドバーの任意の位置に追加します。 WordPress 4.8は、テキストウィジェットを何年も前のものから変更したことを覚えておいてください。 現在、リッチテキストエディタがありますが、使用したくありません。

ここに寄付ボタンコードを貼り付ける前に、「テキスト」タブをクリックする必要があることを意味していることを確認してください。 （コードボタンも使用する必要はありません。）

テキストタブは、4.8より前の古いテキストウィジェットとほぼ同じように機能します（コードボタンが含まれていることを除きます。HTMLを挿入して[保存]をクリックするだけです。サイドバーの上部にお金のボタンがあります。

このウィジェットをサイドバーだけに含める必要はありません。 同じ手順に従って、ヘッダーウィジェットまたはフッターウィジェットをサポートするテーマにボタンを追加できます。

あなたはそのお金を手に入れる準備ができています！

これで、WordPressサイトにPaypal寄付ボタンを追加する準備が整いました。 あなたのサイトがどんなテーマを実行していようと、あなたが何のために寄付をしていようと、あなたは行ってもいいです。 （しかし、お互いに正直になりましょう-それはまだ子犬のためですよね？）

mohamed1982eg /pixabay.comによる記事画像のサムネイル