{"id":4227,"date":"2018-07-25T04:12:02","date_gmt":"2018-07-25T11:12:02","guid":{"rendered":"https:\/\/macallan-internal.ningops.com\/ning3help\/?p=4227"},"modified":"2019-08-06T07:07:11","modified_gmt":"2019-08-06T14:07:11","slug":"add-donate-button-network-content","status":"publish","type":"post","link":"https:\/\/www.ning.com\/ning3help\/add-donate-button-network-content\/","title":{"rendered":"How to add a \u201cDonate\u201d button to your network content"},"content":{"rendered":"<p>Let\u2019s have a closer look at how you can place your newly created \u201cDonate\u201d button to your network. You can add it to any page of the network as long as there is an HTML block.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/sxGNGftFJRs?rel=0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>For instance, you can add your \u201cDonate\u201d button to an article in a blog.<br \/>\nOpen the article, click \u201cEdit\u201d. You can find the HTML block in the editing panel.<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/2.jpg\"><img loading=\"lazy\" class=\"aligncenter wp-image-4230 size-large\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/2-585x375.jpg\" alt=\"\" width=\"585\" height=\"375\"><\/a><\/p>\n<p>Once you switch to HTML version of your article, you will see the HTML code of your content. Simply paste the button code to the editing field.<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/3.jpg\"><img loading=\"lazy\" class=\"aligncenter wp-image-4232 size-large\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/3-585x343.jpg\" alt=\"\" width=\"585\" height=\"343\"><\/a><\/p>\n<p>To see how the button looks in your article, click the HTML button in the editing panel again to return to the Visual Mode.<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/4.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4233\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/4-585x399.jpg\" alt=\"\" width=\"585\" height=\"399\"><\/a><br \/>\nWe have placed the \u201cDonate\u201d button at the bottom of the article. If you like the result, save the changes by clicking \u201cUpdate\u201d.<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/5.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4234\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/5-585x448.jpg\" alt=\"\" width=\"585\" height=\"448\"><\/a><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/6.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4235\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/6-585x355.jpg\" alt=\"\" width=\"585\" height=\"355\"><\/a><br \/>\nNow there is a call-to-action button in your article leading directly to the payment page.<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/7.jpg\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-4236\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/7-585x634.jpg\" alt=\"\" width=\"585\" height=\"634\"><\/a><br \/>\nCongratulations!<br \/>\nYou\u2019ve just added a \u201cDonate\u201d button to your network!<br \/>\nTo know how to add a \u201cDonate\u201d button to an HTML block, <a href=\"https:\/\/macallan-internal.ningops.com\/ning3help\/add-donate-button-html-block\/\">click here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let\u2019s have a closer look at how you can place your newly created \u201cDonate\u201d button to your network. You can add it to any page of the network as long as there is an HTML block.<\/p>\n<p>&nbsp;<br \/>\nFor instance, you can add your \u201cDonate\u201d button to an article in a blog.<br \/>\nOpen the article, click \u201cEdit\u201d. You can find the HTML block in the editing panel.<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/2.jpg\"><\/a><br \/>\nOnce you switch to HTML version of your article, you will see the HTML code of your content. Simply paste the button code to the editing field.<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/3.jpg\"><\/a><br \/>\nTo see how the button looks in your article, click the HTML button in the editing panel again to return to the Visual Mode.<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/4.jpg\"><\/a><br \/>\nWe have placed the \u201cDonate\u201d button at the bottom of the article. If you like the result, save the changes by clicking \u201cUpdate\u201d.<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/5.jpg\"><\/a><br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/6.jpg\"><\/a><br \/>\nNow there is a call-to-action button in your article leading directly to the payment page.<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/7.jpg\"><\/a><br \/>\nCongratulations!<br \/>\nYou\u2019ve just added a \u201cDonate\u201d button to your network!<br \/>\nTo know how to add a \u201cDonate\u201d button to an HTML block, <a href=\"https:\/\/macallan-internal.ningops.com\/ning3help\/add-donate-button-html-block\/\">click here<\/a>.<\/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-network-content\/\" \/>\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 your network content - Ning 3 Help\" \/>\n<meta property=\"og:description\" content=\"Let\u2019s have a closer look at how you can place your newly created \u201cDonate\u201d button to your network. You can add it to any page of the network as long as there is an HTML block. &nbsp; For instance, you can add your \u201cDonate\u201d button to an article in a blog. Open the article, click \u201cEdit\u201d. You can find the HTML block in the editing panel. Once you switch to HTML version of your article, you will see the HTML code of your content. Simply paste the button code to the editing field. To see how the button looks in your article, click the HTML button in the editing panel again to return to the Visual Mode. We have placed the \u201cDonate\u201d button at the bottom of the article. If you like the result, save the changes by clicking \u201cUpdate\u201d.  Now there is a call-to-action button in your article leading directly to the payment page. Congratulations! You\u2019ve just added a \u201cDonate\u201d button to your network! To know how to add a \u201cDonate\u201d button to an HTML block, click here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ning.com\/ning3help\/add-donate-button-network-content\/\" \/>\n<meta property=\"og:site_name\" content=\"Ning 3 Help\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-25T11:12:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-06T14:07:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/2-585x375.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\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-network-content\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/2.jpg\",\"contentUrl\":\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/07\/2.jpg\",\"width\":1054,\"height\":675},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-network-content\/#webpage\",\"url\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-network-content\/\",\"name\":\"How to add a \\u201cDonate\\u201d button to your network content - Ning 3 Help\",\"isPartOf\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-network-content\/#primaryimage\"},\"datePublished\":\"2018-07-25T11:12:02+00:00\",\"dateModified\":\"2019-08-06T14:07:11+00:00\",\"author\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/#\/schema\/person\/550ecd406bdd2b404381fb6fca8e4203\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-network-content\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ning.com\/ning3help\/add-donate-button-network-content\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/add-donate-button-network-content\/#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 your network content\"}]},{\"@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\/4227"}],"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=4227"}],"version-history":[{"count":5,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts\/4227\/revisions"}],"predecessor-version":[{"id":4457,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts\/4227\/revisions\/4457"}],"wp:attachment":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/media?parent=4227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/categories?post=4227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/tags?post=4227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}