{"id":632,"date":"2020-02-01T14:24:00","date_gmt":"2020-02-01T14:24:00","guid":{"rendered":"https:\/\/www.everviz.com\/blog\/?p=632"},"modified":"2023-09-13T08:37:05","modified_gmt":"2023-09-13T08:37:05","slug":"embed-everviz-charts-and-maps-into-cms","status":"publish","type":"post","link":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/","title":{"rendered":"Embed charts and maps in WordPress, Joomla, Drupal"},"content":{"rendered":"\n

If you want to attract new readers, keep your online audience engaged, your content needs to be dynamic and interactive.<\/p>\n\n\n\n

Being that so much content today deals with numbers and statistics in some fashion, it is critical to communicate such content effectively through attractive data visualizations.<\/p>\n\n\n\n

everviz is one of the most simple, yet powerful solutions for content creators and developers looking to embed charts into websites or mobile applications.<\/p>\n\n\n\n

If your website is hosted on a common platform like WordPress, Squarespace, or Drupal, and you don\u2019t want to do any Javascript programming at all, then you\u2019re in luck because everviz is a powerful tool that anybody can use to create and embed charts into their site.<\/p>\n\n\n\n

This article covers the steps required to embed everviz charts with the three most popular content management systems.<\/p>\n\n\n\n

<\/div>\n\n\n\n

WordPress<\/h2>\n\n\n\n
\"Wordpress<\/figure>\n\n\n\n

The WordPress platform has been around since the early days of the internet and remains one of the most popular content management systems available today.<\/p>\n\n\n\n

WordPress offers a large collection of add-ons and extensions that are provided by third-party developers. Using everviz requires no coding knowledge at all. Here are the steps for getting started:<\/p>\n\n\n\n

    \n
  1. Navigate to the everviz webpage<\/a> and log-in with your account or create a new one. Since everviz is a cloud-based service, you can access your charts from any device in the world.<\/li>\n\n\n\n
  2. Import your data by means of copy-and-paste from an excel file, a link from Google Spreadsheet, or uploading a valid comma-separated value (CSV) file.<\/li>\n\n\n\n
  3. Select a everviz template from the list provided. These include a range of options including different layouts and colors. After picking a template, use everviz to modify the appearance of the chart and customize the axis being used.<\/li>\n\n\n\n
  4. When you are satisfied with the design, click on the \u201cPublish\u201d button in the left sidebar. From there, the site will generate the HTML code for your chart and display it in the \u201cInject Code\u201d text box.<\/li>\n\n\n\n
  5. Copy the \u201cInject Code\u201d content and then open your WordPress admin console. From there, navigate to the page where you want to insert the chart and paste the Highcharts code into a HTML embed block.<\/li>\n<\/ol>\n\n\n\n
    <\/div>\n\n\n\n

    Squarespace<\/h2>\n\n\n\n
    \"Squarespace<\/figure>\n\n\n\n

    Squarespace has risen to become one of the leading website builders<\/a> and hosts today. You can also purchase domain names directly from Squarespace and use their pre-made templates to design a new blog, personal website, or corporate homepage.<\/p>\n\n\n\n

    When it comes to Highcharts integration with Squarespace, it functions in much the same way as WordPress. Although Squarespace pages are designed to be maintained without any HTML coding, you do have the option of embedding content from outside sources like everviz. Here are the steps for getting started.<\/p>\n\n\n\n

      \n
    1. Go to your everviz webpage<\/a> and browse through your existing charts or build a brand new one from one of the templates offered.<\/li>\n\n\n\n
    2. If you are working with an existing chart design, you still have the option to import a different CSV file with raw data. This way, you can re-use certain elements of a chart while making it dynamic with new information.<\/li>\n\n\n\n
    3. Go to the \u201cPublish\u201d tab of the sidebar when you are ready to move your chart into Squarespace. Highlight all of the text from the \u201cInject Code\u201d box.<\/li>\n\n\n\n
    4. Log into your Squarespace account and open the page editor. Click on the plus button and choose \u201cCode\u201d from the drop-down menu. Then paste in the everviz code and click the \u201cApply\u201d button.<\/li>\n<\/ol>\n\n\n\n
      <\/div>\n\n\n\n

      Drupal<\/h2>\n\n\n\n
      \"Drupal<\/figure>\n\n\n\n

      Many people use Drupal because of the simplicity involved in setting up a new webpage with an interactive message forum.<\/p>\n\n\n\n

      everviz charts can be easily integrated into Drupal websites through the embed code. Embedding the chart is as simple as copying and pasting your embed code into the Drupal WYSIWYG editor.<\/p>\n\n\n\n

      As with both WordPress and Squarespace, integration is straightforward and requires nothing more than copying and pasting the everviz chart\u2019s embed code.<\/p>\n\n\n\n

      <\/div>\n\n\n\n

      Final Thoughts<\/h2>\n\n\n\n

      For non-techie users, WordPress, Squarespace, and Drupal represent the best options for adding interactive charts from everviz onto a website builder or web page.<\/p>\n\n\n\n

      The best part is that all of the design work is done through the everviz easy-to-use interface and is then automatically carried over to your web platform once you copy and paste (embed) the relevant code.<\/p>\n\n\n\n

      \n

      This post was originally published on the Highcharts blog<\/a>. As part of the rebrand from Highcharts Cloud to everviz, this post was transferred.<\/p>\n<\/blockquote>\n\n\n\n

      <\/p>\n\n\n

      \u00a0<\/h2>","protected":false},"excerpt":{"rendered":"

      If you want to attract new readers, keep your online audience engaged, your content needs to be dynamic and interactive. Being that so much content today deals with numbers and statistics in some fashion, it is critical to communicate such content effectively through attractive data visualizations. everviz is one of the most simple, yet powerful […]<\/p>\n","protected":false},"author":3,"featured_media":636,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[26],"tags":[33,47,48,49,50],"acf":[],"yoast_head":"\nEmbed charts and maps in Wordpress, Joomla, Drupal - everviz<\/title>\n<meta name=\"description\" content=\"This guide explains how you can easily embed interactive charts in Wordpress, Joomla and Drupal. Or any CMS for that matter.\" \/>\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.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed charts and maps in Wordpress, Joomla, Drupal - everviz\" \/>\n<meta property=\"og:description\" content=\"This guide explains how you can easily embed interactive charts in Wordpress, Joomla and Drupal. Or any CMS for that matter.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/\" \/>\n<meta property=\"og:site_name\" content=\"everviz\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/evervizApp\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-01T14:24:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-13T08:37:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.everviz.com\/wp-content\/uploads\/2020\/05\/everviz-cms.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1160\" \/>\n\t<meta property=\"og:image:height\" content=\"580\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EvervizApp\" \/>\n<meta name=\"twitter:site\" content=\"@EvervizApp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"AS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/\"},\"author\":{\"name\":\"AS\",\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/person\/f8f68b50ccb880b3d87b3b2922a0e052\"},\"headline\":\"Embed charts and maps in WordPress, Joomla, Drupal\",\"datePublished\":\"2020-02-01T14:24:00+00:00\",\"dateModified\":\"2023-09-13T08:37:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/\"},\"wordCount\":747,\"publisher\":{\"@id\":\"https:\/\/www.everviz.com\/#organization\"},\"keywords\":[\"charts\",\"cms\",\"drupal\",\"joomla\",\"wordpress\"],\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/\",\"url\":\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/\",\"name\":\"Embed charts and maps in Wordpress, Joomla, Drupal - everviz\",\"isPartOf\":{\"@id\":\"https:\/\/www.everviz.com\/#website\"},\"datePublished\":\"2020-02-01T14:24:00+00:00\",\"dateModified\":\"2023-09-13T08:37:05+00:00\",\"description\":\"This guide explains how you can easily embed interactive charts in Wordpress, Joomla and Drupal. Or any CMS for that matter.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.everviz.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embed charts and maps in WordPress, Joomla, Drupal\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.everviz.com\/#website\",\"url\":\"https:\/\/www.everviz.com\/\",\"name\":\"everviz\",\"description\":\"Simple data visualization and engaging storytelling.\",\"publisher\":{\"@id\":\"https:\/\/www.everviz.com\/#organization\"},\"alternateName\":\"Simple data visualization and engaging storytelling\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.everviz.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.everviz.com\/#organization\",\"name\":\"everviz\",\"url\":\"https:\/\/www.everviz.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.everviz.com\/wp-content\/uploads\/2022\/10\/everviz_hovedlogo-l.svg\",\"contentUrl\":\"https:\/\/www.everviz.com\/wp-content\/uploads\/2022\/10\/everviz_hovedlogo-l.svg\",\"width\":137,\"height\":32,\"caption\":\"everviz\"},\"image\":{\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/evervizApp\/\",\"https:\/\/twitter.com\/EvervizApp\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/person\/f8f68b50ccb880b3d87b3b2922a0e052\",\"name\":\"AS\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6be2dffeb24c543f06a481c6d282d248?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6be2dffeb24c543f06a481c6d282d248?s=96&d=mm&r=g\",\"caption\":\"AS\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Embed charts and maps in Wordpress, Joomla, Drupal - everviz","description":"This guide explains how you can easily embed interactive charts in Wordpress, Joomla and Drupal. Or any CMS for that matter.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/","og_locale":"en_US","og_type":"article","og_title":"Embed charts and maps in Wordpress, Joomla, Drupal - everviz","og_description":"This guide explains how you can easily embed interactive charts in Wordpress, Joomla and Drupal. Or any CMS for that matter.","og_url":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/","og_site_name":"everviz","article_publisher":"https:\/\/www.facebook.com\/evervizApp\/","article_published_time":"2020-02-01T14:24:00+00:00","article_modified_time":"2023-09-13T08:37:05+00:00","og_image":[{"width":1160,"height":580,"url":"https:\/\/www.everviz.com\/wp-content\/uploads\/2020\/05\/everviz-cms.png","type":"image\/png"}],"author":"AS","twitter_card":"summary_large_image","twitter_creator":"@EvervizApp","twitter_site":"@EvervizApp","twitter_misc":{"Written by":"AS","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/#article","isPartOf":{"@id":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/"},"author":{"name":"AS","@id":"https:\/\/www.everviz.com\/#\/schema\/person\/f8f68b50ccb880b3d87b3b2922a0e052"},"headline":"Embed charts and maps in WordPress, Joomla, Drupal","datePublished":"2020-02-01T14:24:00+00:00","dateModified":"2023-09-13T08:37:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/"},"wordCount":747,"publisher":{"@id":"https:\/\/www.everviz.com\/#organization"},"keywords":["charts","cms","drupal","joomla","wordpress"],"articleSection":["Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/","url":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/","name":"Embed charts and maps in Wordpress, Joomla, Drupal - everviz","isPartOf":{"@id":"https:\/\/www.everviz.com\/#website"},"datePublished":"2020-02-01T14:24:00+00:00","dateModified":"2023-09-13T08:37:05+00:00","description":"This guide explains how you can easily embed interactive charts in Wordpress, Joomla and Drupal. Or any CMS for that matter.","breadcrumb":{"@id":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.everviz.com\/blog\/embed-everviz-charts-and-maps-into-cms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.everviz.com\/"},{"@type":"ListItem","position":2,"name":"Embed charts and maps in WordPress, Joomla, Drupal"}]},{"@type":"WebSite","@id":"https:\/\/www.everviz.com\/#website","url":"https:\/\/www.everviz.com\/","name":"everviz","description":"Simple data visualization and engaging storytelling.","publisher":{"@id":"https:\/\/www.everviz.com\/#organization"},"alternateName":"Simple data visualization and engaging storytelling","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.everviz.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.everviz.com\/#organization","name":"everviz","url":"https:\/\/www.everviz.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.everviz.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.everviz.com\/wp-content\/uploads\/2022\/10\/everviz_hovedlogo-l.svg","contentUrl":"https:\/\/www.everviz.com\/wp-content\/uploads\/2022\/10\/everviz_hovedlogo-l.svg","width":137,"height":32,"caption":"everviz"},"image":{"@id":"https:\/\/www.everviz.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/evervizApp\/","https:\/\/twitter.com\/EvervizApp"]},{"@type":"Person","@id":"https:\/\/www.everviz.com\/#\/schema\/person\/f8f68b50ccb880b3d87b3b2922a0e052","name":"AS","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.everviz.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6be2dffeb24c543f06a481c6d282d248?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6be2dffeb24c543f06a481c6d282d248?s=96&d=mm&r=g","caption":"AS"}}]}},"_links":{"self":[{"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/posts\/632"}],"collection":[{"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/comments?post=632"}],"version-history":[{"count":3,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/posts\/632\/revisions"}],"predecessor-version":[{"id":16982,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/posts\/632\/revisions\/16982"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/media\/636"}],"wp:attachment":[{"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/media?parent=632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/categories?post=632"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/tags?post=632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}