{"id":4238,"date":"2018-07-25T04:10:22","date_gmt":"2018-07-25T11:10:22","guid":{"rendered":"https:\/\/macallan-internal.ningops.com\/ning3help\/?p=4238"},"modified":"2019-08-06T07:06:03","modified_gmt":"2019-08-06T14:06:03","slug":"add-donate-button-html-block","status":"publish","type":"post","link":"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/","title":{"rendered":"How to add a \u201cDonate\u201d button to an HTML block"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/NG-g2DDBLtU?rel=0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p>Now, when you already know how to add a \u201cDonate\u201d button to an article, let\u2019s see how to add it to any other network page that has an HTML block. This way, you can either add it to already existing blocks or create a new one that would describe your Donation campaign in detail.<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Step 1. You have already copied the HTML code of your \u201cDonate\u201d button. Now, click the Social Site Manager icon on the green dashboard.<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/8.jpg\"><img loading=\"lazy\" class=\"aligncenter wp-image-4240 size-large\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/8-585x299.jpg\" alt=\"\" width=\"585\" height=\"299\"><\/a><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Step 2. In the Social Site Manager, choose the \u201cSite &amp; Pages\u201d section. This is where you can add new tabs and pages to your network. Let\u2019s say you want to add your \u201cDonate\u201d button to the very first page of your network. Choose your homepage in the list of other network pages in the left menu. &nbsp;<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/9.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4244\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/9-585x420.jpg\" alt=\"\" width=\"585\" height=\"420\"><\/a><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Step 3. Click the button \u201cAdd Content\u201d and choose the \u201cHTML\u201d type in the drop-down list. &nbsp;<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/10.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4245\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/10-585x420.jpg\" alt=\"\" width=\"585\" height=\"420\"><\/a><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Step 4. The following steps are the same as before: switch to the HTML mode on the editing menu and paste the Donate button code. To see how the button looks within the block, switch to the Visual Mode again. &nbsp;If you are satisfied with the result, click \u201cAdd\u201d.<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/11.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4246\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/11-585x445.jpg\" alt=\"\" width=\"585\" height=\"445\"><\/a><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/12.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4247\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/12-585x449.jpg\" alt=\"\" width=\"585\" height=\"449\"><\/a><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Step 5. Your button is now placed right on the homepage of your network! Now you can drag and drop the block with your \u201cDonate\u201d button to the place where it will be most effective.<\/span><span style=\"font-weight: 400;\"> &nbsp;<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/13.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4248\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/13-585x424.jpg\" alt=\"\" width=\"585\" height=\"424\"><\/a><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Step 6. Drag the HTML block to a new place and click \u201cSave\u201d.<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/14.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4249\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/14-585x454.jpg\" alt=\"\" width=\"585\" height=\"454\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s have a look at how your homepage looks now. Here is the button, right where we placed it! Now, if you have already added at least one payment method, this button will lead a user directly to the payment page. &nbsp;<\/span><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/15.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4250\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/15-585x354.jpg\" alt=\"\" width=\"585\" height=\"354\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Once you click the button, you will see the Donation payment page. &nbsp;<\/span><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/16.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4251\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/16-585x634.jpg\" alt=\"\" width=\"585\" height=\"634\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Congratulations!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To learn how to create a Donation tab in the main navigation menu, <a href=\"https:\/\/www.ning.com\/ning3help\/create-donation-tab-main-navigation-menu\/\">click here<\/a>.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ufeff\ufeff<br \/>\nNow, when you already know how to add a \u201cDonate\u201d button to an article, let\u2019s see how to add it to any other network page that has an HTML block. This way, you can either add it to already existing blocks or create a new one that would describe your Donation campaign in detail.<\/p>\n<p>Step 1. You have already copied the HTML code of your \u201cDonate\u201d button. Now, click the Social Site Manager icon on the green dashboard.<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/8.jpg\"><\/a><\/p>\n<p>Step 2. In the Social Site Manager, choose the \u201cSite &amp; Pages\u201d section. This is where you can add new tabs and pages to your network. Let\u2019s say you want to add your \u201cDonate\u201d button to the very first page of your network. Choose your homepage in the list of other network pages in the left menu. &nbsp;<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/9.jpg\"><\/a><\/p>\n<p>Step 3. Click the button \u201cAdd Content\u201d and choose the \u201cHTML\u201d type in the drop-down list. &nbsp;<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/10.jpg\"><\/a><\/p>\n<p>Step 4. The following steps are the same as before: switch to the HTML mode on the editing menu and paste the Donate button code. To see how the button looks within the block, switch to the Visual Mode again. &nbsp;If you are satisfied with the result, click &#8230;<\/p>\n","protected":false},"author":24,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[627,626],"tags":[622,623,624,625,458],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a \u201cDonate\u201d button to an HTML block - Ning 3 Help\" \/>\n<meta property=\"og:description\" content=\"\ufeff\ufeff Now, when you already know how to add a \u201cDonate\u201d button to an article, let\u2019s see how to add it to any other network page that has an HTML block. This way, you can either add it to already existing blocks or create a new one that would describe your Donation campaign in detail. Step 1. You have already copied the HTML code of your \u201cDonate\u201d button. Now, click the Social Site Manager icon on the green dashboard.  Step 2. In the Social Site Manager, choose the \u201cSite &amp; Pages\u201d section. This is where you can add new tabs and pages to your network. Let\u2019s say you want to add your \u201cDonate\u201d button to the very first page of your network. Choose your homepage in the list of other network pages in the left menu. &nbsp;  Step 3. Click the button \u201cAdd Content\u201d and choose the \u201cHTML\u201d type in the drop-down list. &nbsp;  Step 4. The following steps are the same as before: switch to the HTML mode on the editing menu and paste the Donate button code. To see how the button looks within the block, switch to the Visual Mode again. &nbsp;If you are satisfied with the result, click ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Ning 3 Help\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-25T11:10:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-06T14:06:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/8-585x299.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/#website\",\"url\":\"https:\/\/www.ning.com\/ning3help\/\",\"name\":\"Ning 3 Help\",\"description\":\"The place to look for help with the details of your Ning Network.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ning.com\/ning3help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/8.jpg\",\"contentUrl\":\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/8.jpg\",\"width\":1491,\"height\":763},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/#webpage\",\"url\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/\",\"name\":\"How to add a \\u201cDonate\\u201d button to an HTML block - Ning 3 Help\",\"isPartOf\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/#primaryimage\"},\"datePublished\":\"2018-07-25T11:10:22+00:00\",\"dateModified\":\"2019-08-06T14:06:03+00:00\",\"author\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/#\/schema\/person\/550ecd406bdd2b404381fb6fca8e4203\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-html-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ning.com\/ning3help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add a \\u201cDonate\\u201d button to an HTML block\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/#\/schema\/person\/550ecd406bdd2b404381fb6fca8e4203\",\"name\":\"Admin\",\"url\":\"https:\/\/www.ning.com\/ning3help\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts\/4238"}],"collection":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/comments?post=4238"}],"version-history":[{"count":8,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts\/4238\/revisions"}],"predecessor-version":[{"id":4452,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts\/4238\/revisions\/4452"}],"wp:attachment":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/media?parent=4238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/categories?post=4238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/tags?post=4238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}