{"id":2825,"date":"2019-07-18T16:42:39","date_gmt":"2019-07-18T16:42:39","guid":{"rendered":"https:\/\/contentlab.com\/wordpress-plugins-and-tomtom-setting-up\/"},"modified":"2021-12-01T17:22:32","modified_gmt":"2021-12-01T17:22:32","slug":"wordpress-plugins-and-tomtom-setting-up","status":"publish","type":"post","link":"https:\/\/contentlab.com\/wordpress-plugins-and-tomtom-setting-up\/","title":{"rendered":"WordPress Plugins and TomTom: Setting Up"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2825\" class=\"elementor elementor-2825\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bbf091a elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"bbf091a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-71306b5c\" data-id=\"71306b5c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a60f8ab elementor-widget elementor-widget-text-editor\" data-id=\"a60f8ab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 30-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Today, an online presence for your business is required, and it&#8217;s never been easier to create a web site, blog, or social media account to take part in the digital economy. What if your business has a physical presence as well? You want to connect your online presence to your stores, offices, or events in the physical world so customers can find you. Adding a map to your website solves that problem.<\/p><p>Let\u2019s take a look at one solution to mapping your digital business to your real-world business: creating a WordPress Plugin that makes adding TomTom maps to any WordPress-based website quick and easy. In this article we&#8217;ll:<\/p><ul style=\"font-size: 16px; background-color: #ffffff;\"><li style=\"font-size: 16px;\">Explain why WordPress is a great option for building an online presence and how a Plugin works.<\/li><li style=\"font-size: 16px;\">Create a basic Plugin.<\/li><li style=\"font-size: 16px;\">Register the developer API keys that we\u2019ll need to use the Maps API.<\/li><\/ul><h2>WordPress Websites<\/h2><p>We decided to start with WordPress (https:\/\/wordpress.org) because, although there are many ways to set up a website, WordPress offers some distinct advantages regardless of the size of your business and the technical abilities of your team.<\/p><p>WordPress is a popular open-source web publishing platform used as the basis of almost 1\/3 of all websites. WordPress is extremely flexible, made for building anything from a simple blog to an enterprise ecommerce site. In addition, WordPress is available as hosted solutions on wordpress.com (https:\/\/wordpress.com\/), as a turnkey application through many web hosting services, or as a self-hosted web publishing framework.<\/p><p>Once set up, a WordPress site provides a simple back-end administrative interface that gives non-technical users the ability to manage and customize the site without having to write code or alter files directly. WordPress Plugins are optional software packages that enable users to &#8220;plug in&#8221; additional functions, automation, or customizations that aren&#8217;t provided in the base WordPress platform.<\/p><p>There&#8217;s an official WordPress Plugin Repository (https:\/\/wordpress.org\/plugins\/) from which users can find and install Plugins written by other users. WordPress Plugins are easy to write with a little knowledge of HTML, PHP and maybe some JavaScript. In fact, we&#8217;ll get started on a basic WordPress Plugin that adds maps to a website by the end of this article.<\/p><h2>Maps with TomTom<\/h2><p>The next step is deciding how to add a map to the website. The map will appear on our &#8220;Contact Us&#8221; page and will support displaying markers for locations defined in a list or database.<\/p><p>For this project we\u2019re using\u00a0<a href=\"https:\/\/developer.tomtom.com\/products\/maps-api\">TomTom&#8217;s Maps API\u00a0<\/a>to implement the stores map WordPress Plugin. TomTom is one of the most experienced companies in GPS navigation and mapping, and they provide some of the best maps available today. TomTom&#8217;s Maps API and other supporting APIs are easy to use and have a free tier appropriate for testing, personal use, and small businesses. In addition, you&#8217;ll find excellent documentation, tutorials and examples for using the Maps API.<\/p><p>At the end of this article we\u2019ll register our application (in this case the Plugin) with TomTom and get developer keys that allow us to use the TomTom Maps and Search APIs.<\/p><h2>Creating a WordPress Plugin<\/h2><p>Now that we have some basic decisions made, let&#8217;s dig into implementing the actual WordPress Plugin. You&#8217;ll need the following to continue:<\/p><ul style=\"font-size: 16px; background-color: #ffffff;\"><li style=\"font-size: 16px;\">A working WordPress installation in an environment where you have access to the file system. For writing a new Plugin, a local test environment is okay.<\/li><li style=\"font-size: 16px;\"><a href=\"https:\/\/developer.tomtom.com\/user\/register\">Register your user account and get a free API key at the TomTom developer site.<\/a><\/li><li style=\"font-size: 16px;\">A text editor or development environment for creating and editing the Plugin code files.<\/li><li style=\"font-size: 16px;\">Basic knowledge of PHP and JavaScript programming languages is helpful, but not necessary. We&#8217;ll provide the important code details.<\/li><\/ul><p>In your WordPress installation, all Plugins will be installed in the\u00a0<em>\/wp-content\/plugins<\/em>\u00a0folder. Plugins that are contained within a single PHP file can be installed directly in this folder. Plugins that require additional resources (code files, images, and so on) live in their own subfolders within the \/plugins folder.<\/p><p>We&#8217;re going to start out with a simple one-file Plugin. However, in future articles we&#8217;ll add features to the Plugin that will require supporting code files, so we&#8217;ll need to create the following folder:<\/p><p><em>\/wp-content\/plugins\/wp-tomtom-stores-map<\/em><\/p><p>Within this folder, create a new file:<\/p><pre style=\"font-size: 16px;\">\/wp-content\/plugins\/wp-tomtom-stores-map\/store-locator.php<\/pre><p>The\u00a0<em>wp-tomtom-stores-map.php<\/em>\u00a0file contains the following code:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbacc57 elementor-widget elementor-widget-code-highlight\" data-id=\"dbacc57\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>  Plugin Name: TomTom Stores Map Creator \r\n\r\n  Plugin URI: http:\/\/developer.tomtom.com\/ \r\n\r\n  Description: Creates a map showing store locations. \r\n\r\n*\/ \r\n\r\n,?><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb8d689 elementor-widget elementor-widget-text-editor\" data-id=\"eb8d689\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Once you save this file, the WordPress Plugin will appear in the admin panel of your site.<\/p><p><img decoding=\"async\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/index.png\" width=\"624px\" height=\"190px\" \/><\/p><p>It won&#8217;t do anything yet, but you&#8217;ve created the basic possible Plugin. We&#8217;ll build on this foundation in future articles.<\/p><h2>Creating the Plugin Admin Panel<\/h2><p>The basic WordPress Plugin file we just created does very little so far. It identifies the Plugin and makes it appear in the list of available Plugins for our WordPress site. You can even activate and deactivate the Plugin. But, so far, it does nothing else.<\/p><p>The next step is to tell WordPress to add the Plugin to the menu bar when it&#8217;s activated. The\u00a0<code>add_action<\/code>\u00a0function takes care of this:<\/p><pre style=\"font-size: 16px;\">\/wp-content\/plugins\/wp-tomtom-stores-map\/store-locator.php<\/pre><p>The\u00a0<code>add_action()<\/code>\u00a0function is a hook that WordPress runs at specified times, in this case when the Plugin is activated.<\/p><p>We\u2019re going make\u00a0<code>add_action()<\/code>\u00a0run a function that will create one admin menu item with two sub-menu items based on the ttlocator<code>_pages_init()<\/code>\u00a0function, which looks like this:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab82e67 elementor-widget elementor-widget-code-highlight\" data-id=\"ab82e67\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>function ttlocator_pages_init() { \r\n\r\n  add_menu_page( \"TomTom Map Configuration\", \r\n\r\n     \"TomTom Store Locator\", \r\n\r\n     \"manage_options\", \r\n\r\n     \"tomtom-map-plugin\"); \r\n\r\n \r\n  add_submenu_page(\"tomtom-map-plugin\", \r\n\r\n       \"TomTom Store Locations\", \r\n\r\n       \"Store Locations\", \r\n\r\n       \"manage_options\", \r\n\r\n       \"tomtom-map-plugin\", \r\n\r\n       \"ttlocator_config_page_html\"); \r\n\r\n \r\n  add_submenu_page(\"tomtom-map-plugin\", \r\n\r\n       \"TomTom SDK Setup\", \r\n\r\n       \"SDK Setup\", \r\n\r\n       \"manage_options\", \r\n\r\n       \"tomtom-map-plugin-sdk-setup\", \r\n\r\n       \"ttlocator_sdk_setup_page_html\"); \r\n\r\n \r\n  if (is_admin()) { \r\n\r\n      add_action('admin_init', 'ttlocator_register_settings'); \r\n\r\n   } \r\n\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfa3caf elementor-widget elementor-widget-text-editor\" data-id=\"cfa3caf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The options in this function define the admin pane title, admin menu title, user capability required to configure the Plugin, a unique internal name for the menu item and function that defines the contents of the admin page.<\/p><p>We also add an action to call the\u00a0<code>ttlocator_register_settings()<\/code>\u00a0function. This function registers a setting with WordPress, which will let us save our TomTom Maps API key to the database.<\/p><p>The\u00a0<code>ttlocator_config_page_html()<\/code>\u00a0function will call the actual contents of the page.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-280140c elementor-widget elementor-widget-code-highlight\" data-id=\"280140c\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>function ttlocator_config_page_html(){ \r\n\r\n  ?><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76ae5c73 elementor-widget elementor-widget-text-editor\" data-id=\"76ae5c73\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><\/p>\n<pre><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Right now, this just prints a heading in the pane. Next we'll add some additional functionality to the pane.<\/span><br><\/pre>\n<p><img decoding=\"async\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/index2.png\" width=\"624px\" height=\"306px\"><\/p>\n<h2>Registering a TomTom Maps API Key<\/h2>\n<p>The next steps will require access to the TomTom Maps API and software developer kit (SDK), so you&#8217;ll need to register as a developer, register your application with TomTom, and get an API access key.<\/p>\n<p>To register as a developer, go to the <a href=\"https:\/\/developer.tomtom.com\/user\/register\">TomTom for Developers registration page<\/a> and create a new user account. If you&#8217;re already registered, to go the <a href=\"https:\/\/developer.tomtom.com\/user\/login\">TomTom for Developers login page<\/a> and log in.<\/p>\n<p>Once you&#8217;re logged in, go to your Dashboard and click the &#8220;+ Add a new app&#8221; button. You&#8217;ll be asked for some information about the application. Enter &#8220;TomTom Stores Map Plugin&#8221; for the App Name.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/index3.png\" width=\"624px\" height=\"246px\"><\/p>\n<p>You can select the check boxes for any of APIs you want to use for your project. For the WordPress Plugin, check Maps API and Search API. We&#8217;ll use the Maps API to display the map with pushpins for store locations. We&#8217;ll use the Search API to find the map coordinates for store addresses.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/index4.png\" width=\"624px\" height=\"287px\"><\/p>\n<p>On the dashboard you can see your app&#8217;s Consumer API Key. This is used to authorize calls to the API in your code.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/index5.png\" width=\"624px\" height=\"432px\"><\/p>\n<p>An important security note: it&#8217;s important to keep your Consumer API Key secure within your organization and your code. Any API transactions made with your key count against your API use credits, so securing your key properly makes sure that only your app is using those credits.<\/p>\n<h2>Next Steps<\/h2>\n<p>At the beginning of the article we set out to create a map solution that would link a business&#8217;s online web presence to its real-world storefront presence. Using WordPress as an easily accessible web publishing platform, we created the starting elements of a WordPress Plugin that will use the TomTom Maps API to display a map on the website.<\/p>\n<p>We also registered our application with TomTom and got the developer keys needed for the Plugin to access the Maps and Search APIs.<\/p>\n<p>At this point the Plugin can be activated and has an admin panel interface but isn\u2019t able to do any work. In the next article we&#8217;ll add more functionality to the Plugin including an admin panel interface that includes a map and the ability to create a list of store locations.<\/p>\n<p><em>This article first appeared on <a href=\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting\">developer.tomtom.com<\/a><\/em>.<\/p>\n<p><em><span class=\"TextRun SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\">If you\u2019re interested in developing expert technical content that performs, <\/span><\/span><a class=\"Hyperlink SCXW156001673 BCX2\" href=\"https:\/\/contentlab.com\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\" data-ccp-charstyle=\"Hyperlink\">let\u2019s have a conversation<\/span><\/span><\/a><span class=\"TextRun SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\"> today.<\/span><\/span><\/em><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this article we&#8217;ll explain why WordPress is a great option for building an online presence and how a Plugin works.<\/p>\n","protected":false},"author":3,"featured_media":5258,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[278,18,240],"tags":[273,270,309],"hashtags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress Plugins and TomTom: Setting Up &#183; Technical Content Marketing | ContentLab<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Plugins and TomTom: Setting Up &#183; Technical Content Marketing | ContentLab\" \/>\n<meta property=\"og:description\" content=\"In this article we&#039;ll explain why WordPress is a great option for building an online presence and how a Plugin works.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting\" \/>\n<meta property=\"og:site_name\" content=\"Technical Content Marketing | ContentLab\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-18T16:42:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-01T17:22:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1746\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"ContentLab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ContentLabIO\" \/>\n<meta name=\"twitter:site\" content=\"@ContentLabIO\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ContentLab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#article\",\"isPartOf\":{\"@id\":\"https:\/\/contentlab.com\/wordpress-plugins-and-tomtom-setting-up\/\"},\"author\":{\"name\":\"ContentLab\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532\"},\"headline\":\"WordPress Plugins and TomTom: Setting Up\",\"datePublished\":\"2019-07-18T16:42:39+00:00\",\"dateModified\":\"2021-12-01T17:22:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/contentlab.com\/wordpress-plugins-and-tomtom-setting-up\/\"},\"wordCount\":1381,\"publisher\":{\"@id\":\"https:\/\/contentlab.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#primaryimage\"},\"thumbnailUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png\",\"keywords\":[\"HTML\",\"Mapping\",\"WordPress\"],\"articleSection\":[\"Hands-on Tutorial\",\"Portfolio\",\"Web\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/contentlab.com\/wordpress-plugins-and-tomtom-setting-up\/\",\"url\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting\",\"name\":\"WordPress Plugins and TomTom: Setting Up &#183; Technical Content Marketing | ContentLab\",\"isPartOf\":{\"@id\":\"https:\/\/contentlab.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#primaryimage\"},\"thumbnailUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png\",\"datePublished\":\"2019-07-18T16:42:39+00:00\",\"dateModified\":\"2021-12-01T17:22:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#primaryimage\",\"url\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png\",\"contentUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png\",\"width\":1746,\"height\":530},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/contentlab.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Plugins and TomTom: Setting Up\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/contentlab.com\/#website\",\"url\":\"https:\/\/contentlab.com\/\",\"name\":\"Technical Content Marketing | ContentLab\",\"description\":\"Technical Content Marketing Done Right.\",\"publisher\":{\"@id\":\"https:\/\/contentlab.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/contentlab.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/contentlab.com\/#organization\",\"name\":\"ContentLab.io\",\"url\":\"https:\/\/contentlab.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png\",\"contentUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png\",\"width\":768,\"height\":768,\"caption\":\"ContentLab.io\"},\"image\":{\"@id\":\"https:\/\/contentlab.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ContentLabIO\",\"https:\/\/www.linkedin.com\/company\/17893315\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532\",\"name\":\"ContentLab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g\",\"caption\":\"ContentLab\"},\"description\":\"ContentLab provides high-quality written articles, tutorials, courses, and other technical marketing materials to industry leaders. We create no-nonsense tech content that\u2019s purpose-built to attract, educate, and engage your technical audience.\",\"sameAs\":[\"https:\/\/contentlab.op\"],\"url\":\"https:\/\/contentlab.com\/author\/contentlab\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress Plugins and TomTom: Setting Up &#183; Technical Content Marketing | ContentLab","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:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting","og_locale":"en_US","og_type":"article","og_title":"WordPress Plugins and TomTom: Setting Up &#183; Technical Content Marketing | ContentLab","og_description":"In this article we'll explain why WordPress is a great option for building an online presence and how a Plugin works.","og_url":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting","og_site_name":"Technical Content Marketing | ContentLab","article_published_time":"2019-07-18T16:42:39+00:00","article_modified_time":"2021-12-01T17:22:32+00:00","og_image":[{"width":1746,"height":530,"url":"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png","type":"image\/png"}],"author":"ContentLab","twitter_card":"summary_large_image","twitter_creator":"@ContentLabIO","twitter_site":"@ContentLabIO","twitter_misc":{"Written by":"ContentLab","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#article","isPartOf":{"@id":"https:\/\/contentlab.com\/wordpress-plugins-and-tomtom-setting-up\/"},"author":{"name":"ContentLab","@id":"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532"},"headline":"WordPress Plugins and TomTom: Setting Up","datePublished":"2019-07-18T16:42:39+00:00","dateModified":"2021-12-01T17:22:32+00:00","mainEntityOfPage":{"@id":"https:\/\/contentlab.com\/wordpress-plugins-and-tomtom-setting-up\/"},"wordCount":1381,"publisher":{"@id":"https:\/\/contentlab.com\/#organization"},"image":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#primaryimage"},"thumbnailUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png","keywords":["HTML","Mapping","WordPress"],"articleSection":["Hands-on Tutorial","Portfolio","Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/contentlab.com\/wordpress-plugins-and-tomtom-setting-up\/","url":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting","name":"WordPress Plugins and TomTom: Setting Up &#183; Technical Content Marketing | ContentLab","isPartOf":{"@id":"https:\/\/contentlab.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#primaryimage"},"image":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#primaryimage"},"thumbnailUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png","datePublished":"2019-07-18T16:42:39+00:00","dateModified":"2021-12-01T17:22:32+00:00","breadcrumb":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#primaryimage","url":"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png","contentUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png","width":1746,"height":530},{"@type":"BreadcrumbList","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/wordpress-plugins-and-tomtom-setting#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/contentlab.com\/"},{"@type":"ListItem","position":2,"name":"WordPress Plugins and TomTom: Setting Up"}]},{"@type":"WebSite","@id":"https:\/\/contentlab.com\/#website","url":"https:\/\/contentlab.com\/","name":"Technical Content Marketing | ContentLab","description":"Technical Content Marketing Done Right.","publisher":{"@id":"https:\/\/contentlab.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/contentlab.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/contentlab.com\/#organization","name":"ContentLab.io","url":"https:\/\/contentlab.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contentlab.com\/#\/schema\/logo\/image\/","url":"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png","contentUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png","width":768,"height":768,"caption":"ContentLab.io"},"image":{"@id":"https:\/\/contentlab.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ContentLabIO","https:\/\/www.linkedin.com\/company\/17893315\/"]},{"@type":"Person","@id":"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532","name":"ContentLab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contentlab.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g","caption":"ContentLab"},"description":"ContentLab provides high-quality written articles, tutorials, courses, and other technical marketing materials to industry leaders. We create no-nonsense tech content that\u2019s purpose-built to attract, educate, and engage your technical audience.","sameAs":["https:\/\/contentlab.op"],"url":"https:\/\/contentlab.com\/author\/contentlab\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/contentlab.com\/wp-content\/uploads\/2018\/11\/19.png","_links":{"self":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/2825"}],"collection":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/comments?post=2825"}],"version-history":[{"count":7,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/2825\/revisions"}],"predecessor-version":[{"id":6176,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/2825\/revisions\/6176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/media\/5258"}],"wp:attachment":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/media?parent=2825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/categories?post=2825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/tags?post=2825"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/hashtags?post=2825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}