{"id":76300,"date":"2016-09-27T10:06:22","date_gmt":"2016-09-27T14:06:22","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76300"},"modified":"2017-08-09T04:22:03","modified_gmt":"2017-08-09T08:22:03","slug":"wordpress-embed-google-chart-post-page-widget","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-embed-google-chart-post-page-widget.html","title":{"rendered":"WordPress. How to embed Google Chart into a post, page or widget"},"content":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to embed <strong>Google Chart<\/strong> into a post, page or widget.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/aeYWpuhaNLk\"><\/iframe>\r\n<\/div>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>You can learn more on creating and managing <strong>Google Charts<\/strong> at the <a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/quick_start\" target=\"_blank\">Google Developers Page<\/a><\/p>\r\n   <ol>\r\n     <li><p>First, open your Google Spreadsheet with Chart.<\/p>\r\n\t \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_1-300x162.png\" alt=\"wordpress_how_to_embed_google_chart_1\" width=\"300\" height=\"162\" class=\"alignnone size-medium wp-image-76301\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_1-300x162.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_1-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_1-768x415.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_1.png 957w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t \r\n\t <\/li>\r\n     <li><p>Click the chart menu in the upper right of the chart frame and select <strong>Publish Chart<\/strong> option<\/p>\r\n\t \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_2-300x179.png\" alt=\"wordpress_how_to_embed_google_chart_2\" width=\"300\" height=\"179\" class=\"alignnone size-medium wp-image-76302\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_2-300x179.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_2-150x90.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_2-768x459.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_2.png 786w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t \r\n\t <\/li>\r\n     <li><p>Publish the chart.<\/p>\r\n\t \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_3-300x187.png\" alt=\"wordpress_how_to_embed_google_chart_3\" width=\"300\" height=\"187\" class=\"alignnone size-medium wp-image-76303\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_3-300x187.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_3-150x94.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_3-768x479.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_3.png 917w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t \r\n\t <\/li>\r\n\t <li><p>You&#8217;ll see a new window with html script, select the <strong>Embed<\/strong> tab<\/p>\r\n\t \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_4-300x173.png\" alt=\"wordpress_how_to_embed_google_chart_4\" width=\"300\" height=\"173\" class=\"alignnone size-medium wp-image-76304\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_4-300x173.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_4-150x87.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_4.png 761w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t \r\n\t <\/li>\r\n\t <li><p>Copy this script and paste it to your post, page or widget in WordPress admin panel, make sure to add HTML code in Text view, save changes. <\/p>\r\n\t \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_5-300x164.png\" alt=\"wordpress_how_to_embed_google_chart_5\" width=\"300\" height=\"164\" class=\"alignnone size-medium wp-image-76305\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_5-300x164.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_5-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_5-768x421.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_5.png 964w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t \r\n\t <\/li>\r\n\t <li><p>You will see the chart on your website. <\/p>\r\n\t \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_6-300x205.png\" alt=\"wordpress_how_to_embed_google_chart_6\" width=\"300\" height=\"205\" class=\"alignnone size-medium wp-image-76306\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_6-300x205.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_6-150x102.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_6-768x525.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/wordpress_how_to_embed_google_chart_6.png 880w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t \r\n\t <\/li>\r\n\t<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=aeYWpuhaNLk?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to embed Google Chart into a post, page or widget<\/a>\r\n<p>We would also recommend you to check out the collection of brand-new <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\">premium WordPress Themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to embed <strong>Google Chart<\/strong> into a post, page or widget.<\/p>\n","protected":false},"author":56,"featured_media":76307,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1896,2480,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76300"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76300"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76300\/revisions"}],"predecessor-version":[{"id":82617,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76300\/revisions\/82617"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76307"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}