{"id":47310,"date":"2019-04-03T20:16:28","date_gmt":"2019-04-03T12:16:28","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=47310"},"modified":"2019-04-02T17:17:25","modified_gmt":"2019-04-02T09:17:25","slug":"build-guided-website-tours-with-free-hopscotch-library","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/","title":{"rendered":"Build Guided Website Tours with Free Hopscotch Library"},"content":{"rendered":"<p>Every so often I find a script that really stands out and deserves praise. <a href=\"https:\/\/github.com\/LinkedInAttic\/hopscotch\" target=\"_blank\">Hopscotch<\/a> is one of those scripts, a <strong>free tooltip-based website tour script developed by the team at LinkedIn<\/strong>.<\/p>\n<p>We\u2019ve written tutorials on building <a href=\"https:\/\/www.hongkiat.com\/blog\/introjs-step-by-step-guide-tutorial\/\">website tours<\/a> using free JS plugins. But Hopscotch is a newer type of library that runs on JSON directions.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/tooltips-scripts-50-scripts-with-ajax-javascripts-css-tutorials\/\">40+ Useful Tooltips Scripts with CSS, JavaScript, and jQuery<\/a><\/p>\n<figure><a href=\"https:\/\/github.com\/LinkedInAttic\/hopscotch\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/build-guided-website-tours-with-free-hopscotch-library\/01-hopscotch-tour-library.jpg\" alt=\"Hopscotch tour plugin\"><\/a><\/figure>\n<p>If you visit the <a href=\"http:\/\/linkedin.github.io\/hopscotch\/\" target=\"_blank\" rel=\"nofollow\">main project page<\/a> you\u2019ll find a lot more info about Hopscotch.<\/p>\n<p>It\u2019s developed to parse a JSON object and create a custom API for easier page manipulation. This way you can easily change the direction, speed, and behavior of your guided tour.<\/p>\n<p>You define whichever callbacks you want and when they should run. This includes custom JavaScript functions that run <strong>on multiple pages<\/strong> throughout the tour. Pretty crazy!<\/p>\n<p>The entire thing is <strong>powered by Vanilla JS so you only need to add 2 specific Hopscotch files<\/strong>: a CSS stylesheet and the JS library. From there you can write your own tour based on simple JSON code that targets which elements to hit, how to structure the tooltip, and how the tour should respond to user input.<\/p>\n<p>To get started have a look at the <a href=\"http:\/\/linkedin.github.io\/hopscotch\/#general-usage\" target=\"_blank\" rel=\"nofollow\">general usage guide<\/a> which covers a very basic setup on a simple webpage. Underneath that, you\u2019ll find a <strong>whole list of custom options you can add into the JSON object<\/strong>, along with techniques for writing your own callback methods for various user behaviors:<\/p>\n<ul>\n<li>Starting\/stopping the tour.<\/li>\n<li>Clicking next\/prev buttons.<\/li>\n<li>Handling the tooltip close and skip buttons.<\/li>\n<\/ul>\n<p>After skimming the <a href=\"https:\/\/github.com\/LinkedInAttic\/hopscotch\" target=\"_blank\">main GitHub repo<\/a> I can\u2019t say it has a ton of direction for getting started. I think it\u2019s better to dig through the <a href=\"http:\/\/linkedin.github.io\/hopscotch\/\" target=\"_blank\" rel=\"nofollow\">main Hopscotch page<\/a> and start with their guide.<\/p>\n<figure><a href=\"http:\/\/linkedin.github.io\/hopscotch\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/build-guided-website-tours-with-free-hopscotch-library\/02-take-tour-hopscotch-script.jpg\" alt=\"Simple hopscotch touring web plugin\"><\/a><\/figure>\n<p>Please note that you should be comfortable with JavaScript <strong>and<\/strong> JSON before using this library. You can get by without any prior knowledge but it helps if you\u2019ve <a href=\"https:\/\/www.hongkiat.com\/blog\/web-dev-youtube-channels\/\">put in the time<\/a> to learn the basics.<\/p>\n<p>Either way, Hopscotch is a game changer for website tours and it\u2019s probably the best vanilla JS script out there with all these options.<\/p>","protected":false},"excerpt":{"rendered":"<p>Every so often I find a script that really stands out and deserves praise. Hopscotch is one of those scripts, a free tooltip-based website tour script developed by the team at LinkedIn. We\u2019ve written tutorials on building website tours using free JS plugins. But Hopscotch is a newer type of library that runs on JSON&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Build Guided Website Tours with Free Hopscotch Library - Hongkiat<\/title>\n<meta name=\"description\" content=\"Every so often I find a script that really stands out and deserves praise. Hopscotch is one of those scripts, a free tooltip-based website tour script\" \/>\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.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build Guided Website Tours with Free Hopscotch Library\" \/>\n<meta property=\"og:description\" content=\"Every so often I find a script that really stands out and deserves praise. Hopscotch is one of those scripts, a free tooltip-based website tour script\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-03T12:16:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/build-guided-website-tours-with-free-hopscotch-library\/01-hopscotch-tour-library.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Build Guided Website Tours with Free Hopscotch Library\",\"datePublished\":\"2019-04-03T12:16:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/\"},\"wordCount\":371,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/build-guided-website-tours-with-free-hopscotch-library\\\/01-hopscotch-tour-library.jpg\",\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/\",\"name\":\"Build Guided Website Tours with Free Hopscotch Library - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/build-guided-website-tours-with-free-hopscotch-library\\\/01-hopscotch-tour-library.jpg\",\"datePublished\":\"2019-04-03T12:16:28+00:00\",\"description\":\"Every so often I find a script that really stands out and deserves praise. Hopscotch is one of those scripts, a free tooltip-based website tour script\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/build-guided-website-tours-with-free-hopscotch-library\\\/01-hopscotch-tour-library.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/build-guided-website-tours-with-free-hopscotch-library\\\/01-hopscotch-tour-library.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-guided-website-tours-with-free-hopscotch-library\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build Guided Website Tours with Free Hopscotch Library\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Build Guided Website Tours with Free Hopscotch Library - Hongkiat","description":"Every so often I find a script that really stands out and deserves praise. Hopscotch is one of those scripts, a free tooltip-based website tour script","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.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/","og_locale":"en_US","og_type":"article","og_title":"Build Guided Website Tours with Free Hopscotch Library","og_description":"Every so often I find a script that really stands out and deserves praise. Hopscotch is one of those scripts, a free tooltip-based website tour script","og_url":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2019-04-03T12:16:28+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/build-guided-website-tours-with-free-hopscotch-library\/01-hopscotch-tour-library.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Build Guided Website Tours with Free Hopscotch Library","datePublished":"2019-04-03T12:16:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/"},"wordCount":371,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/build-guided-website-tours-with-free-hopscotch-library\/01-hopscotch-tour-library.jpg","articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/","url":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/","name":"Build Guided Website Tours with Free Hopscotch Library - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/build-guided-website-tours-with-free-hopscotch-library\/01-hopscotch-tour-library.jpg","datePublished":"2019-04-03T12:16:28+00:00","description":"Every so often I find a script that really stands out and deserves praise. Hopscotch is one of those scripts, a free tooltip-based website tour script","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/build-guided-website-tours-with-free-hopscotch-library\/01-hopscotch-tour-library.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/build-guided-website-tours-with-free-hopscotch-library\/01-hopscotch-tour-library.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/build-guided-website-tours-with-free-hopscotch-library\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Build Guided Website Tours with Free Hopscotch Library"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-cj4","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/47310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=47310"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/47310\/revisions"}],"predecessor-version":[{"id":47311,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/47310\/revisions\/47311"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=47310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=47310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=47310"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=47310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}